Prop

• Prop的大小写

Vue.component('blog-post', {
  // 在 JavaScript 中是 camelCase 的
  props: ['postTitle'],
  template: '<h3>{{ postTitle }}</h3>'
})


<!-- 在 HTML 中是 kebab-case 的 -->
<blog-post post-title="hello!"></blog-post>


// 使用字符串模板，那么这个限制就不存在了

• 单向数据流

1）所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行
2）每次父组件发生变化，子组件中所有的prop都会刷新为最新的值