how to break down components, there will be a lot of communication code between components, and the loss outweighs the gain, but in this way, there is too much code, which is difficult to maintain.
is there any good solution,
Thepage has five pieces, which refer to each other and interact with each other. Is it too troublesome to split into components in this case? there is too much code for interaction between components
there is too much interaction between components usually because the components are responsible for too many things, and the components are not so pure. There are five pieces in a page that interact with each other. It is recommended that these five pieces encapsulate separate ui components, separate the logic and put it in the parent component, and the parent component coordinates the interaction of the five blocks.
you can't have both fish and bear's paw
or subdivide the component through props , save props to the child component, and then trigger the operation data back to the parent component through emit .
first of all, you need to classify the components and adjust the structure.
it is recommended that components be divided into container components and presentation components. Container components carry data and presentation components, and data are passed to presentation components through properties.
that is, it needs to be structurally adjusted to parent-child components.
then you need to divide the responsibilities of each component
this needs to come according to your specific project.
finally, components communicate
the component is divided, so that's how the component communicates. Previously, there was no such problem in a component.
I think your scenario can be solved directly through parent-child data transfer (father passing son to father via props, child through event)
I hope my answer will be helpful to you.
Previous: On the problem of WeChat Mini Programs's customized sharing with pictures in base64 format
the following article probably talks about https: blog.csdn.net kittyji. there are two types of my methods one needs to verify whether the user is logged in. If you have logged in, you can directly call the background interface, and if you do not...
the following is a copy of the official document, but I haven t figured out the difference between the two methods sometimes you may need to assign multiple new properties to existing objects, such as using Object.assign () or _ .extend (). In this c...
the data goes like this: var obj = [ { id:1, name:"" }, { id:2, name:"" }, { id:3, name:"" } ]; now I want to know what the subscript for "Xiao Hon...