Vue.js 在vuejs中更改父组件中的数据值时，将更改传递给子组件

每次父组件中的值更改时，我想将父组件数据值中所做的更改传递给其子组件。如何在vue.js中实现此更改。我使用3个自定义组件，每次都必须反映父组件的当前值。p、 s我是vue.js的新手

您只需将其作为道具传递即可。在模板中：

<my-component :my-prop="myData" />

---

无论何时更新

此.data

，组件都将更新其视图，因为道具已更改数据通常通过道具从父组件单向传递到子组件。看

例如：

// register the child component 
Vue.component('child', {
  props: ['myProp'],
  template: '<span>{{ myProp }}</span>'
})

// in parent component 
<child :my-prop="hello"></child>

//注册子组件
Vue.component（'子'{
道具：['myProp']，
模板：“{myProp}}”
})
//在父组件中

谢谢您的帮助。我会检查一下，然后回去工作。我有一个问题，你的解决方案似乎有效。谢谢

// register the child component 
Vue.component('child', {
  props: ['myProp'],
  template: '<span>{{ myProp }}</span>'
})

// in parent component 
<child :my-prop="hello"></child>