Programming VIP

[Vue] Part XII communication between components (custom event, global event bus, message subscription and Publication) is very important 12. Communication between components (custom event, global event bus, message subscription and Publication) 12.1 component customization events Function: it can realize the communication between ...

Summary of data transfer methods of vue components Component slot Named slot Parent component <ss @toFOO="zidata=$event"> <p slot="slot1">Slot 2</p> <p slot="slot2">Slot 3</p> </ss> Subcomponents <slot name="slot1"></slot> <slot name="slot2"></slot> When defining a ...

Current version 3.2.25, official website address https://v3.cn.vuejs.org/guide install Import the latest version in the form of CDN package for development and use <script src="https://unpkg.com/vue@next"></script> npm installation # Latest stable version $ npm install vue@next # Single file component compilation plug-in $ npm ...

My idea 1. Request all data at one time, and then divide it into many parts to the front end for display (advantages: one-time request is completed without further request. Disadvantages: users may not need to use all data segments, and if the amount of data is large, the request is very slow, which greatly affects the user experience) 2 ...

Each Vue instance will go through a series of initialization processes when it is created - for example, it needs to set data listening, compile templates, mount the instance to the DOM, and update the DOM when the data changes. At the same time, some functions called life cycle hooks will be run in this process, which gives users the opportuni ...

With the popularity of Vue3, more and more projects have begun to use Vue3. In order to quickly enter the development state, I recommend a set of enterprise level development scaffolding out of the box. The framework uses: Vue3 + Vite2 + TypeScript + JSX + Pinia(Vuex) + Antd. If you don't talk much nonsense, just start rolling. The scaffold is ...

catalogue 1 = = and = = = difference 2. What is the difference between $route and $route? 3 what is promise? 4 what is nested routing? 1 = = and = = = difference = = =: it is called the equivalent when the values on both sides type When the types are the same, the values are directly compared. If the types are different, false is dir ...

Transferred from: Micro reading   https://www.weidianyuedu.com preface This paper lists 36 vue development skills; Subsequent vue 3 After X comes out, it will be updated continuously 1,require.context() 1. Scenario: if the page needs to import multiple components, the original writing method: import titleCom from "@/components/home/t ...

The virtual DOM + Diff algorithm is adopted in Vue, which reduces the number of operations on DOM and greatly improves the performance. Today, let's talk about the implementation logic of this part of Vue in detail. I hope it can help the little partners who do not understand this part understand this part and play it purely by hand. I hope you ...

Object data type - object Understanding Object data types - Object ​ 1. Is a data type in js and a complex data type ​ 2. It is a "box" that carries data ​ 3. It is an unordered data set and a set of key value pairs Creation of object data type ​ 1. Create objects literally (1) create an empty object: var obj = {} var obj ...