vue的prop验证

Prop

1 . prop 大小写

Vue.component('blog-post', {
   
// 在 JavaScript 中是 camelCase 的
props: ['postTitle'],
template: '<h3>{
   { postTitle }}</h3>'
})
<!-- 父组件中 kebab-case 的 -->
<blog-post post-title="hello!"></blog-post>

2 .单项数据流
所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。
每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。

<!-- 测试单向数据流 -->
父组件 
<h1>{
   {
   msg}}</h1>
<test-single-data-flow :msg="msg"></test-single-data-flow>


子组件  通过prop接受父组件msg
Vue.component('test-single-data-flow', {
   
props:<