Vue Learning Notes--Basic Use of Vue-Router

1. SPA(Single Page Application) Better performance than back-end rendering Ajax front-end rendering, browser forward and backward operations are not supported SPA Single Page Application: There is only one page in the whole system, the content changes are local refresh through Ajax asynchronous request, and support browser address bar forward ...

Posted on Sun, 07 Jun 2020 14:18:31 -0700 by Lokolo

What you need to know about the implementation principle of React Router(hash mode)

Single page apps you should know What is a single page application? single page web application (SPA) is an application with only one Web page. A Web application that loads only a single HTML page and dynamically updates that page when the user interacts with the application. React and Vue are the main front-end frameworks for building singl ...

Posted on Sat, 30 May 2020 17:41:20 -0700 by djKale

Using Vuex in nuxt

introduction Using Vuex in nuxt to reference in a modular way -- counter as an example Counter example directory structure directory structure js module writing // user.js // state is a function. Pay attention to the arrow function const state = () => ({ counter: 6 }) // mutations as an object const mutations = { increment(state) { ...

Posted on Thu, 28 May 2020 06:42:42 -0700 by sanand158

Java Web IDE implemented by Vue codemirror + java compiler

background Recently, my colleague told me a very interesting requirement: let the user (in the application scenario, generally for other developers) fill in the Java code snippet. The content of the code snippet is the inheritance class of the template class that has been specified, and implement the method of template class definition. Our ...

Posted on Sat, 23 May 2020 21:44:37 -0700 by jh21236

Understand: front end cross domain problems JS solving cross domain problems VUE agent solving cross domain problems principle

What is cross domain Cross domain: a document or script in one domain attempts to request resources in another domain The broad cross domain includes the following contents: 1. Resource jump (link jump, redirect jump, form submission) 2. Resource request (internal reference, script, picture img, frame) 3.script internal requests (ajax, dom r ...

Posted on Wed, 20 May 2020 03:27:59 -0700 by lavender

Vue component communication values (parent-child component communication / brother component communication / cross level communication)

First: Props / $emit Father child Props // Parent component<template> <div id="app"> <users v-bind:users="users"></users>//The former is easy to call for subcomponents, while the latter needs to pass data names </div> </template> <script> import Users from "./components/Users" export default { ...

Posted on Wed, 20 May 2020 02:52:06 -0700 by oc1000

🏃 Woman: light up your Vue technology stack. Here comes the practice notes of Wanzi Nuxt.js~

preface As a vue developer, if you don't have this framework, your vue technology stack hasn't been lit yet. What is Nuxt.js Nuxt.js official introduction: Nuxt.js is a general application framework based on Vue.js. Through the abstract organization of client / server infrastructure, Nuxt.js focuses on the UI rendering of applications. ...

Posted on Sun, 17 May 2020 06:08:32 -0700 by misty

vue single file component

Suffix name:. vue, the file needs to be precompiled before it can be used in the browser Note: the single file component depends on two packages, Vue loader / Vue template compiler Installation: NPM I - D Vue loader Vue template compiler <!-- App.vue Example code: --> <template> <div> <h1>VUE Single file compone ...

Posted on Sat, 16 May 2020 08:54:16 -0700 by ldsmike88

Package component El upload: upload a single picture through v-model

The El upload image in the element UI has been encapsulated twice. (by default, everyone has a certain vue foundation, and there are only a few details.) In the project, we mainly get pictures or other parameters. Here is the Guid returned after uploading So I have concentrated on the upload actions, such as the input v-model to get the param ...

Posted on Fri, 15 May 2020 07:12:18 -0700 by Phoenix~Fire

Element UI of [javascript] vuejs and iframe to realize page Jump

Generally, the background interface has three parts: top navigation, left navigation and right main interface. Click the left and top navigation to display different interfaces in the right main interface Most of the back-end interfaces are nested in iframe, which can be easily used based on vue   The html part is as follows: It is mainly to bi ...

Posted on Wed, 13 May 2020 09:58:05 -0700 by ljzxtww