vue2 子组件调用父组件数据并展示,父组件修改了值,子组件怎么没有同步更新?子组件拿到父组件数据使用了get和set
时间: 2023-11-20 18:06:45 浏览: 86
vue中子组件和父组件数据同步方案
子组件调用父组件数据并展示后,如果父组件修改了该数据,子组件不会同步更新。这是因为Vue的响应式系统是基于依赖追踪的,只有在模板中使用的数据才会被追踪,而子组件中使用的父组件数据并没有在模板中使用,所以不会被追踪。如果想要子组件同步更新父组件数据,可以使用v-model指令或者$emit方法来实现。具体来说,可以在子组件中使用v-model绑定父组件数据,并在子组件中触发input事件来更新父组件数据;或者在子组件中使用$emit方法触发自定义事件,并在父组件中监听该事件来更新数据。如果你使用了get和set方法来获取和设置父组件数据,那么子组件仍然无法同步更新父组件数据,因为这并不会触发依赖追踪。
阅读全文