父组件如何向子组件传递数据?
Lesson04: 父组件与子组件之间的通信
===============================
**教学内容**
1. 父组件与子组件的定义
2. props属性
3. 子组件与父组件的数据绑定
---------------------------------------------------------
> vue实例其实也是组件,也可以有data和template属性
> 所有这里的父组件,可以直接用vue实例充当
> 子组件,就是在当前vue实例中,使用components属性声明的组件
1.父组件与子组件的定义
------------------
- 父组件: Vue实例
- 子组件: Vue实例挂载点可访问的组件
+ 局部组件: vue实例中的components属性中声明
+ 全局组件: Vue.component()声明
---------------------------------------------------------
2.props属性
-----------
- 子组件用来接收父组件数据的容器
- 必须在子组件中定义
- 必须是数组格式,每个元素对应一个父组件变量
---------------------------------------------------------
3.子组件与父组件的数据绑定
---------------------
- 在实例挂载点的组件模板上,使用v-bind指令
- 将父组件指定数据对象绑定到子组件的props属性中
- 单向绑定,即子组件对父组件的数据,只能获取,不能更新