The problem of quantity and performance of vue components

imagine having two components
componentA, componentB

componentA is a ul , and
componentB is called li

.

< componentB vsway for = "i in list" / >
(while this list is an array of more than 100)
v-for the same number of componentB,

is there a big god who knows that there are any doubts about the performance of a large number of generated components such as v vendor ue? Maybe it"s better not to break it up into widgets?
wants to know how vue handles this, and whether a large number of vue nodes will be generated at compile time (is that so?) , causing performance to slow down?

Webpack javascript vue.js
Mar.12,2021

take a look at the lifecycle of Vue. In fact, all components mount Mount , render, and generate virtual DOM nodes. The compilation of components and the transfer of data between components naturally take time, so the functions that can be implemented in a component should not be separated as far as possible.

1. First of all, the purpose of encapsulating the component is to reuse and improve the maintainability of the code. If you have simple code in your li, there is no need to encapsulate it. If the logic is more complex, it can be encapsulated into a component
2. Second, the efficiency will certainly decrease after it is encapsulated into a component, but it will only go through the complete life cycle when it is loaded for the first time, and the impact on efficiency will be ignored if later updates are made
3. Third, if you have 100 or more li, do you want to consider paging loading? it is impossible to load so many

at one time.

Previous: How webpack shuts down strict mode

Next: Synchronize asynchronous, blocking and non-blocking

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b37b21-2c0cb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b37b21-2c0cb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?