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 using props.
the second: get their own data in each subcomponent. ,
which one do you think is better? Why?
according to the actual business
if the data is not needed by other components, it can be obtained by the child component itself
if the data may be reused and shared by the peer component, then it can be uniformly obtained by the parent component and then distributed
if the data may be reused and shared by cross-level components, then you need vuex or eventshub to be uniformly distributed to different levels of components
if the reuse rate of sub-components is high or the coupling is small, the data can be obtained independently
if the child component is closely related to the parent component, the parent component acquires data
A single request for data by a parent component saves network requests than a child component acquires data multiple times separately
according to the main idea of the subject, it should be that the parent component has a greater relationship with the child component. It is recommended that the parent component obtain the data
if the data of each component is not related, the second is adopted, otherwise the first
is adopted.Previous: Html prompt message display is incomplete
Next: How to get the body tag
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...
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: Ob...
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...