[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