所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。

另外，每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。
这么做会引发一个警告。

if the library is ok: {{msg}}

---

1. 传递静态或动态的 Prop
1.1 动态赋予一个变量的值 :title="post.title" //来自于实例的 post.title
1.2 动态赋予一个复杂表达式的值: :title="post.title + ' by ' + post.author.name"

---

2 传递一个数字：即便 `42` 是静态的，我们仍然需要 `v-bind` 来告诉 Vue
传递变量 :likes="post2.likes"

---

3 传递一个布尔值
3.1 包含该 prop 没有值的情况在内，都意味着 `true`。//bug 我的测试显示 空 是 false 啊？
3.2 使用 v-bind: 告诉vue这是一个js表达式，而不是字符串
false
true
3.3 动态传入值 > vm.post.isPublished=true; false

---

4 传入一个数组 :comment-ids="[234, 266, 273]"
4.2 动态传入一个数组 :comment-ids="post.commentIds"

---

5 传入一个对象
5.2 动态传入对象

---

6 传入一个对象的所有property
等价于下面的写法: v-bind="post"