"Front End Optimization" - Avoid abusing this in Vue to read data from data
This is mainly about vue2's this access optimization. Some details that you don't normally notice, especially template for accessing array/object data, and computed accessing arrays/objects hanging in this in a loop, will trigger dependent collection, causing certain performance problems.As a whole, there is no particular complexity, depending ...
Posted by jenreb1 on Mon, 11 Apr 2022 20:25:41 +0300
Vue cli basic introduction and learning
Vue cli is based on Vue The complete system developed by JS is a scaffold for Vue official Kwai to build single page application. With this tool, the difficulty of using webpack can be greatly reduced.
Install Vue cli
1. node environment needs to be installed https://nodejs.org/en/download/ (node download address, click next to install, and che ...
Posted by amchargue on Mon, 11 Apr 2022 00:50:37 +0300
vue component value transmission
1.1 global components
The global component registration form is as follows:
// Declare global components
Vue.component(componentName,{
data: 'Component data',
template: 'Component template content'
})
In the above example, the first parameter of component() is the component name (in fact, it can be regarded as the name of HTML ...
Posted by earthlingzed on Sun, 10 Apr 2022 23:46:42 +0300
1: Cookies, webStorage (localStorage and sessionStorage).
Reprint: https://www.cnblogs.com/qiujianmei/p/10824682.html ， https://www.cnblogs.com/monsterooo/p/6815392.html
1, There are two main client storage methods: cookie and webStorage (localStorage and sessionStorage)
Cookie s are based on the HTTP specification and are used to identify users.
A Cookie is a small piece of data sent by the server t ...
Posted by alpinec on Sun, 10 Apr 2022 23:43:39 +0300
The forced horizontal screen function of Vue Cli Html mobile terminal is simple to implement
The forced horizontal screen function of Vue Cli Html mobile terminal is simple to implement
catalogue
The forced horizontal screen function of Vue Cli Html mobile terminal is simple to implement
1, Brief introduction
2, Implementation principle
3, Precautions
4, Effect preview
5, Implementation steps
6, Key code
7, Other
1, Brie ...
Posted by Canabalooza on Sun, 10 Apr 2022 17:16:00 +0300
Vue3 has been released for so long that it won't build a project with Vite?
The project technology stack constructed this time: vite + vue3 + volar + Pinia + Vue router + TS + JSX + SCSS + script setupVite: next generation front-end development and construction tool , fast hot update development experience ★★★★★Vue3.2: Too much dark magicVolar: Vue3 essential development artifactPinia: a new generation of lightweight s ...
Posted by dave_55 on Sat, 09 Apr 2022 11:24:32 +0300
Vue2 to Vue3 essential skills for actual combat
catalogue
preface
1, Vue2 scaffold construction;
1. Install nodejs
2. Global installation Vue cli
3. Create vue project
4. Project configuration
5. Operation project
2, Vue2 basic syntax and instructions;
1. Interpolation expression;
2.v-text and v-html
3. Bidirectional binding of V-model data
4.v-bind
5.v-if and v-show
6.v-for
7 ...
Posted by silentg0d on Sat, 09 Apr 2022 10:54:41 +0300
Use Echarts to dot and line the map according to longitude and latitude
1. Related introduction
When using Echar to draw map objects, we first need the json file of the map. The related json file will be introduced by default, so the subsequent use of the map can refer to the json file here to draw the echars map. However, a problem was found during the subsequent reconstruction of the project. There was no map f ...
Posted by iijb on Sat, 09 Apr 2022 04:55:05 +0300
vue source code learning - createElement
createElement
export function createElement (
context: Component, // Incoming vm instance
tag: any, // Tag tag
data: any, // Data related to vnode
children: any, // Child nodes of vnode
normalizationType: any, //
alwaysNormalize: boolean
): VNode | Array<VNode> {
if (Array.isArray(data) || isPrimitive(data)) {
normalizat ...
Posted by phice on Thu, 07 Apr 2022 17:43:28 +0300
Vue2/3 progressive framework
Section 6 user defined instructions and filters
6.0 what is a global API?
If the global API is not in the constructor, first declare global variables or some new functions defined directly on Vue. Some global APIs are built in, and then we will talk about Vue directive
6.1 directive custom instruction
In addition to the default built-in ins ...
Posted by mahlia on Wed, 06 Apr 2022 00:33:16 +0300