Question

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

Answer 1

你只需将它作为道具传递。在您的模板中：

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

并在您的脚本标记中：

export default {
  data() {
    myData: 0,
  }
}

每当您更新this.data时，组件都会更新其视图，因为道具将会更改

Answer 2

数据通常通过props从父组件传递到子组件。请参阅documentation on this here。

示例：

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

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

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

2 个答案: