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

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

if the library is ok: hello, component!

---

1. 传递静态或动态的 Prop

My journey with Vue

1.1 动态赋予一个变量的值 :title="post.title" //来自于实例的 post.title

guide to vue compponents

1.2 动态赋予一个复杂表达式的值: :title="post.title + ' by ' + post.author.name"

guide to vue compponents by Tom

---

2 传递一个数字：即便 `42` 是静态的，我们仍然需要 `v-bind` 来告诉 Vue

(后台刷单 number+111)=153

传递变量 :likes="post2.likes"

(后台刷单 number+111)=211

---

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

isPublished = true

3.3 动态传入值 > vm.post.isPublished=true; false

isPublished = true

---

4 传入一个数组 :comment-ids="[234, 266, 273]"

• commentId = 234
• commentId = 266
• commentId = 273

4.2 动态传入一个数组 :comment-ids="post.commentIds"

• commentId = 1
• commentId = 3
• commentId = 15
• commentId = 18

---

5 传入一个对象

作者是 Veronica, 来自公司 Veridian Dynamics

5.2 动态传入对象

作者是 Tom, 来自公司 xx tech

---

6 传入一个对象的所有property

标题 guide to vue compponents, 喜欢人数 100

等价于下面的写法: v-bind="post"

标题 guide to vue compponents, 喜欢人数 100