Programming VIP

catalogue Source code organization Composition API option api option api demo composition api (function based API) compostion api demo Performance improvement Responsive system upgrade Compilation optimization Source code volume optimization Vite ES Module Vite as Vue-cli Vite features Packaging method Vite create project Sour ...

** MVVM ** The two-way data binding of Vue refers to the two-way binding of model (model, that is, the data in Vue instance) and view (view), that is, one will change and the other will change. First, let's understand what MVVM (model view viewmodel) is. In the MVVM architecture, the concept of ViewModel is introduced. ViewModel is equivalen ...

Briefly introduce the virtual DOM and diff algorithm demand Method 1: dismantle and rebuild Method 2: diff primary coverage snabbdom introduction and test environment construction Introduction to snabbdom snabbdom is a Swedish word, which originally means "speed"; Snabbdom is a famous virtual DOM library and the anc ...

Using events in vue // Example 1: // parent receive this.$on('test', function (msg) { console.log(msg) // hi }) // children outgoing this.$emit('test', 'hi') // Example 2: // The parent component listens to the outgoing events of the child component <my-component v-hook:created="dosomething"></my-component> // Example 3: // ...

Official documents Official document link (after reading it, I feel that I understand, but I don't fully understand.) Specific use Business requirements Making data kinship is probably similar to making ER diagram. At first, I wanted to use the ecarts topology diagram, but ecarts has a positioning problem that has not been understood ...

1, Single page application SPA Single page application: all functions are implemented on one page Single page - Multi page comparison: Comparison partSingle page applicationMulti page applicationformAn html file consists of multiple componentsMultiple html filesStatic resource commonShared, one-time loading completedNot shared. Each page ...

catalogue 1, Composite API 2, Responsive variable with ref 3, Variable with reactive response 4, computed calculated attribute 5, watch responsive change 6, props value transfer 7, emit callback 8, provide/inject 1, Composite API By creating Vue components, we can extract the repeatable parts of the interface and its functions into reusable ...

Headline notes 1. The mobile terminal rem solves multi screen adaptation introduce reason: This project is a mobile terminal, so it needs to adapt to different mobile phone screens. We hope to achieve the effect of adaptation: it is related to the screen size. Take buttons as an example: in large screen mobile phones, the width and heig ...

vue3 creates a vue instance using createApp() Dynamic parameter expression spaces and quotation marks are invalid in HTML attribute name; The browser will force all attribute names to lowercase <a v-bind:['foo' + bar]="value"> ... </a> //report errors <a v-bind:[someAttr]="value"> ... </a> //Convert to v-bind:[someatt ...

Vue shopping mall project preface 1. It contains a lot of my personal understanding and views; 2. This is a shopping mall project. At present, it involves routing, slots, axios data request, data storage and use; 3. This article only involves routing configuration and component slots; 4. Now a small part of the project has been compl ...