How vue uses the same component multiple times to make data Synchronize

different parent components refer to the same child component. Modify the value of the child component in one parent component, while the value of the child component in the other parent component is not modified
child component:
< group >

      <popup-picker :data="list" v-model="province" @on-show="onShow" @on-hide="onHide" @on-change="onChange" :columns="list.length"
        :show-name="true" value-text-align="left"></popup-picker>
    </group>

this component is used in both parent component An and parent component B. I changed the value of provice in component A, but the value of profile in component B did not change

Jun.28,2021

maybe the component has been uninstalled! You can't understand


because different component instances are generated and the data is independent of each other (why the data in the component configuration option should be a function rather than a direct object, just to avoid the data of the same component in different places interacting with each other).
according to the description of the subject, this situation is usually implemented by Vuex state management, which is very simple to understand.

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-1b36089-2b52b.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-1b36089-2b52b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?