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