How do you think vue2 refreshed all the templates after modifying the value of data?

For examples of

, please refer to
https://jsfiddle.net/k6f32hsv/

.

as you can see in the example above, when you change the value of one of the data in data, vue renders the template all over again, rather than the piece of the template that corresponds to the modified data.

now there is a problem in the project that using vuex, requires frequent changes to the data, such as in the onmousemove event.
then other components on the page detect a change in vuex data and refresh the template again. Resulting in a waste of performance.
especially in the onmousemove event. Is frequent refresh a good thing?

Mar.28,2021

calculation attribute computed ide/computed.html-sharp%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7" rel=" nofollow noreferrer "> learn

Why is method called every time? Consider

  mapState helper function  

Menu