Question

好吧，假设我在vue中有两个组件，Parent.vue和Child.vue。
在Child.vue中，我有这个

data () {
  return {
    childData
  }
},

在Parent.vue中，我使用此方法从孩子那里获取数据

data(){
return{
  dataFromChild : child.data().childData,
 }
},

这里一切都很好，但是我有一个问题，childData将根据用户的操作进行更新，我该如何做，以便childChild更新时dataFromChild也会更新？我宁愿不使用事件总线或vuex，因为这对于我的情况而言是过大的选择。

Answer 1

JavaScript（以及Vue.js）是事件驱动的。您确定使用事件对于您的情况而言是过大的？

从本质上讲，您希望在子数据更改时更新父数据。此更改是一个事件。 “事情”正在发生，因此您的父母可以对此做出反应。

我假设您要在子组件上设置ref。我想请您注意本指南的这一部分：

$ refs仅在组件渲染后填充，并且它们是无反应的。