for complex data types, such as arrays or objects,
can be used in Vue:
data() {
return {
obj: dataObject
}
}
method: {
modify: function(newObj) {
this.obj = newObj
}
}but react should use:
this.setState({
obj: Object.asign({}, oldObj, newObj)
})Vue can modify the reference of an object directly, but react cannot be modified directly. Instead, it needs to use Object.asign. What is the underlying reason? Why is that?
Component and PureComponent Component can be divided into PureComponent without assign, because by making a shallow comparison in shouldComponentUpdate, vue uses getter setter react without
without object.assign.
status management library mobx draws lessons from the processing method of vue, so mobx can solve some of your doubts.
react's diff algorithm is mainly to compare the differences before and after the state to update. If you modify it directly, you may not be able to compare the results
vue, while the data of react is passed down
.there is a benchmarks directory in some open source projects, such as vue , which is very popular now. The literal translation of benchmark means benchmark test. It seems that some functional performance tests can be done. given that there is a test di...
the packaged scripts are generated dynamically by nuxt. How to mark a global variable so that your business code can tell which command it is? (for example, the interface domain names of different commands are different) ...
although it is said that the use of webpack webpack-dev-server, and then with babel transcoding, coupled with a variety of loaders and plugins can really be better, targeted to build a development environment. but these configurations take too much ti...
if the title is feasible in vue (pay special attention to native tags rather than custom components) syl chrome react how do I tag normal dom in React register Custom event ...
write a component by yourself: < len-carousel > when using: <len-carousel> <div v-for="(item,index) in 4" :key="index"> {{item}} < div> < len-carousel> how do I get the chil...
such as var map = { a: 1, b :2, c :3 } As a matter of fact, there is no map object for . I hope this map is a regular expression. How to write to realize the change from abc to 123 and how to find this regular expression with replac...
eg: ifisProd{ do something for prods }else{ do something for others } webpack do something for prods There is a corresponding plug-in in gulp, which is via regular matching Filter. No corresponding plug-ins have been found i...
...
my index.html, in the react project introduces through cdn. : : {}react: : so I want to install MathJax, through npm but don t know how to use it. Has any god ever used this thing? Ask for detailed instructions on how to use it! Thank you so mu...
given x coordinates, want to know the tilt angle of this blue line Real demand: draw words close to the curve and find a train of thought ...
recently learned about the difference between react and vue, and read some blog posts, which roughly means: both react and vue are unidirectional data streams, but vue has bidirectional data binding, react does not. The two-way data binding I understand...
requirements: you can configure the background interface, configure the interaction mode, and drag and drop a parent system of the generation interface if you do not know, please recommend a portal or provide project ideas, or provide development ideas...
1. If you now have one parent component and three child components. The data displayed by each component is different, and now has two ways to get the data. the first is to get all the data in the parent component and pass it to each child component us...
there are other things, such as prettier, etc., so many plug-ins are used for formatting or syntax specification checking, etc. What s the difference? if it s all installed, will there be no conflict between configurations? in addition, installed ...
generally, react and vue projects will be configured with routing. The home page is usually main , that is, visit http: www.xx.com -sharp main to visit the home page, but the actual project requires that the content of the home page be displayed wh...
I found some information on the Internet, but how to choose in real projects I checked some relevant information, this is some simple comparison, but I want to know how to choose in the real project? in terms of performance, when a component changes...
let timeoutId: Timer = setTimeout(() => { console.log( ok ); }, 250); vscode prompts that there is no Timer type, but if I replace Timer with number, he prompts me that the Timer type returned by setTimeout cannot be assigned to the number type...
1. The pictures uploaded by cms are stored in Qiniu, converted to base64, and stored in the database. what are the advantages and disadvantages of each of these two approaches? ...
has been using react, to watch vue recently. It feels so easy to use keep-alive. before react data are managed by redux. When you get the data, you judge whether the length of the data is 0. If the length of the data is 0, you can get it if it is 0, an...
problem description I try to package vue s official demo (hello word), with electron. Follow this tutorial https: blog.csdn.net j_bleac. my project directory structure: electron.jsconst { app, BrowserWindow } = require( electron ) *const e...