[Vue] learning - continuous updating

introduce vue Chinese networkvue githubVue.js is a progressive JavaScript framework for building user interfaces (UIS) Differences between libraries and frameworks What is the difference between the front-end framework and the library? Library Library is essentially a collection of functions. Each time the function is called, a spec ...

Posted by champrock on Sun, 21 Nov 2021 04:31:46 +0100

How to write Vue plug-ins

What is a plug-in In the Vue framework, if we need to add some functions to Vue, Vue has left me a way of plug-in. We can write our own plug-in, register the plug-in in in Vue, and then use it. Through Vue plug-ins, we can realize some functions that Vue framework does not have, or use plug-ins written by others to help us realize some functi ...

Posted by ldmccla on Thu, 18 Nov 2021 17:16:22 +0100

Common instructions for vue

1. v-once Render elements and components only once. For subsequent re rendering, the element / component and all its child nodes are treated as static content and skipped. This can be used to optimize update performance. <div id="app"> <input type="text" v-model="msg"/> <p v-once>You enter:{{msg}}</p> </div> &l ...

Posted by Druid on Fri, 12 Nov 2021 16:38:49 +0100

vue + electron quick start

  What is Electron? Electron   There is only one simple sentence on the official website:   Build cross platform desktop applications using JavaScript, HTML and CSS. Simply put, there is   Electron, we can use front-end technology to write   web   Page, which can be converted into a desktop application.Before that, ...

Posted by olko on Wed, 10 Nov 2021 13:25:49 +0100

How to optimize the request structure of api in code

(Note: vue project is taken as an example below) 1, Call mode of api in general project 1. Directory structure |── src |-- utils (tools and methods folder) |-- http.js (encapsulated request method) |- | - | - views (page folder) |- | - | - | - device (can be understood as a level-1 menu) |- | - | - | - | - board (can be understood as secondary ...

Posted by the182guy on Sun, 07 Nov 2021 21:07:35 +0100

Vue basic self inspection - conditional rendering and list rendering

What is the difference between v-if and v-show? Why can't v-if and v-for be used together? What is the role of key in v-for? 1 v-if and v-show 1.1 function Are used to control the display and hiding of elements 1.2 control how elements are displayed and hidden v-if controls the creation and destruction of elements on the virtual DOM tree. Vu ...

Posted by bryanptcs on Sat, 06 Nov 2021 04:28:53 +0100

"Free and open source" drag and drop form customization of background management system of crudapi zero code development platform of front-end SPA project based on Vue and Quasar

Drag and drop form customization of front-end SPA project based on Vue and Quasar (16) review Through the previous article Dynamic form of front-end SPA project practice based on Vue and Quasar (5) It realizes the dynamic form design function in metadata, supports common data types and indexes, and then realizes the crud addition, deletion, mo ...

Posted by shivers on Fri, 05 Nov 2021 03:34:31 +0100

Vue -- 09 life cycle and Ajax server communication

Vue -- 09 life cycle and Ajax server communication 9.1 Vue instance lifecycle Lifecycle hook function   Each Vue instance goes through a series of initialization processes when it is created The life cycle is divided into three stages: initializing the display, updating the display, and destroying Vue instances Hook function in initializat ...

Posted by jumpfroggy on Wed, 03 Nov 2021 07:28:14 +0100

vue component encapsulation - tabBar bottom navigation bar

design sketch:   Component code: <template> <!-- Customize the bottom menu bar===>Simulate applet menu bar effect --> <div class="tabbar"> <!-- Space occupying container===>The page setup placeholder container is designed to offset the fixed positioning height of the bottom navigation bar. --> ...

Posted by cbrknight on Tue, 02 Nov 2021 16:15:42 +0100

Vue bidirectional binding

catalogue 1, Overview of bidirectional binding 1. What is bidirectional binding 2. Specific steps 2, Implementation of bidirectional binding 1. Implement an Observer (Object.defineProperty()) 2. Implement Watcher 3. Implement Compile (event listening) 1, Overview of bidirectional binding 1. What is bidirectional binding Two way b ...

Posted by whitemoss on Tue, 02 Nov 2021 09:28:37 +0100