Programmer Group

instructions Directives: special attributes with v-prefix. For example, the v-model in the entry case represents two-way binding. Interpolation expression Interpolation: used where vue instance data needs to be displayed You can invoke the data properties and functions of the instance in the interpolation expression. Curly bracket ({}) Fo ...

1 Introduction          Vuex is a state management mode specially developed for Vue.js applications. It uses centralized storage to manage the state of all components of the application, and ensures that the state changes in a predictable way with corresponding rules.       ...

catalogue 1.1 concept (based on vue2) 1.2 vue/cli scaffold 1.2.1 create project startup service 1.2.2 explanation of project directory (can be omitted) 1.2.3 custom configuration 1.2.4 eslint 1.2.5 single vue document 1.3 interpolation expression 1.4 MVVM design pattern 1.5 Vue instruction (key points, remember with a small book) 1 ...

1 Component Foundation 1.1 Component Concepts        Components can extend HTML elements by encapsulating reusable HTML, CSS, and JS snippets.        Components are similar to vue instances, such as having a template attribute inside the component to specify a template and an e ...

Intl.NumberFormat is an international digital processing scheme. It can be used to show the preference of different countries for digital processing. However, in general, we still process more Chinese numbers, but I find this Intl.NumberFormat is also very useful. Digital grouping new Intl.NumberFormat('zh-CN',{useGrouping:true}).format(123456 ...

1. The front-end route conflicts with the back-end route First knowledge problem Suppose there is a folder of / vue in the nginx project directory, and I also configure a vue project routing service of / vue. At this moment, if I enter localhost:8080/vue, will the browser display the static web page under the vue folder or the configured vue ...

Project directory and file creation First of all, we don't need to build the project environment. We still directly use the simplest way, that is, the introduction method, to create the project, which makes it convenient for us to test while writing. Create an empty directory named ColorPicker, create a JS file, color-picker.js, then create an ...

Scaffold file structure ├── node_modules ├── public │ ├── favicon.ico: Tab Icon │ └── index.html: Main page ├── src │ ├── assets: Storing static resources │ │ └── logo.png │ │── component: Storage components │ │ └── HelloWorld.vue │ │── App.vue: Summarize all components │ │── main.js: Entry file ├── .gitignore: git Configu ...

Because the Diff algorithm calculates the difference of virtual DOM, first pave a little bit of virtual DOM, understand its structure, and then uncover the veil of Diff algorithm layer by layer, in simple terms, to help you thoroughly understand the principle of Diff algorithm Understanding virtual DOM Virtual DOM is simply to use JS objects ...

1. Let's start with the conclusion key in Vue is the identification of DOM object;In list display, the default key is index;If the data is only used for display, there is no problem using index as the key;If you use index as the key, and subsequent operations will destroy the order, it will certainly bring efficiency problems. In serious cases ...