组件

[jiaozitang]

1.父组件传值给子组件 子单元通过 prop 接口与父单元进行了良好的解耦。

子组件接受一个 prop：

Vue.component('todo-item', {
  // todo-item 组件现在接受一个"prop"，类似于一个自定义特性。这个 prop 名为 todo。
  props: ['todo'],
  template: '<li>{{ todo.text }}</li>'
})

使用 v-bind 指令将待办项传到循环输出的每个组件

<todo-item
  v-bind:todo="item">
</todo-item>