Understand the execution process of vue from the perspective of source code

As a vuer, he finally began to work on the vue source code. With an excited heart and trembling hands, it's better to roll up the line of code. The source code is based on the latest v2 The description of version 6.12 may lead to misunderstanding and discrepancy. Please correct it. In addition, only sort out the process without in-depth explana ...

Posted by thesimon on Wed, 13 Apr 2022 17:04:57 +0300

Java project: classroom library reservation management system (java+SpringBoot+JPA+VUE+Maven+Redis+mysql)

Source code acquisition: download from "resources" on the blog home page! Classroom reservation system - background system Project introduction: This is a front-end and back-end classroom reservation and viewing system project, which can realize the reservation and cancellation of activities in the classroom as a unit, can b ...

Posted by aim25 on Wed, 13 Apr 2022 01:00:54 +0300

"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