Asynchronous component of vue source code analysis

1, Factory function 1 when the component executes_ When the render function is converted to a virtual VNode, the createComponent() function will be executed when a component is encountered, as follows: function createComponent ( //Line 4184 creates the component Vnode Ctor, //Ctor: constructor o ...

Posted by MNSarahG on Tue, 14 Dec 2021 06:57:32 +0100

[Vue] basic (middle): data agent, event processing, calculation and monitoring properties, class and style binding

Welcome to learn and communicate!!! Updating continuously 1. Data broker Object in ES6 Defineproperty method object. The defineproperty method is the syntax in ES6 and needs to be reviewed to better understand the data binding in Vue. case let number = 18 let person = { name:'Zhang San', sex:'male', } Object.defineProperty( ...

Posted by vigour on Mon, 13 Dec 2021 15:04:59 +0100

Why is WeakMap used as a "cache" in Vue 3 responsive source code?

Why is WeakMap used as a "cache" in Vue 3 responsive source code?When reading the code of Vue 3's responsive principle, I saw that during responsive processing, a "cache" was created for each object using WeakMap. The code is as follows:// Pay attention to the following code! const reactiveMap = new WeakMap(); // The core h ...

Posted by nephish on Mon, 13 Dec 2021 11:52:54 +0100

Vue e e-commerce background management system project part 5 - addition, deletion, modification and query of role list & & role authorization

Addition, deletion, modification and query of role list 1. Add role First, write the interface according to the API document; // Add role export const addRolesApi = (data) => { return axios({ method: 'post', url: 'roles', data }) } Reference in the role component, and then bind a click event addRolesClick to the "add ...

Posted by phpMitch on Mon, 13 Dec 2021 03:42:22 +0100

Embrace concise code: the strongest parsing of script setup in vue3

In addition to the bright spot of Composition API, vue3 has brought us a brand-new gadget - script setup. I believe everyone is familiar with setup, but some students say it is difficult to understand script setup. From now on, this article will let you understand it at a glance.ref and reactiveIn setup, we have two APIs, ref and reactive, to c ...

Posted by Blulagoon on Sun, 12 Dec 2021 08:30:10 +0100

Vue3 component library development framework based on Vite

When it comes to Vue's component library, you must have been familiar with it for a long time. You can easily list a lot. Then why do you need to build it yourself? Based on my own experience, highly customized components are often required in business. Both UI and interaction may be quite different from the existing component libraries on the ...

Posted by xdentan on Sun, 12 Dec 2021 05:04:18 +0100

The responsive principle of vue is realized through Proxy and Reflect

vue3 implements the response expression through Proxy+Reflect, and vue2 implements it through definePropertyProxyWhat is ProxyProxy is a class added in ES6 to represent proxy.If we want to listen to the operation process of the object, we can first create a proxy object, and then all operations on the object are completed by the proxy object. T ...

Posted by vronsky on Sat, 11 Dec 2021 15:17:14 +0100

vue +SpringBoot + FreeMarker + FlyingSaucer can preview, print and download PDF Online

First of all, thank you This link Blogger, selflessly dedicate his strength Thank you for the selflessness and sincerity of the Internet I completed my requirements with this article and downloaded my pdf resume, so I recorded a record here The general functions of the project are as follows vue. Click the download button on the page to ...

Posted by jude0311 on Sat, 11 Dec 2021 13:50:23 +0100

Implementation of communication between qiankun micro front end applications

signal communication Before introducing the application communication of "qiankun", we need to understand how the micro front-end architecture divides sub applications. In the micro front-end architecture, we should divide the corresponding sub applications by business, rather than dividing the sub applications by functional modules ...

Posted by jf3000 on Sat, 11 Dec 2021 12:37:39 +0100

Object.defineProperty data broker

If you want to understand data broker, you need to understand a method. This method is on Object. The name of the method is defineproperty(). It is used in many places (such as data hijacking in vue, data broker, and the bottom layer of computing properties) Define; Property property; So this defineproperty method is used to add properties (or ...

Posted by The Jackel on Sat, 11 Dec 2021 06:37:44 +0100