## 父组件向子组件传值
我们可以这样理解：Vue实例就是一个**父组件**，而我们自定义的组件（包括全局组件、私有组件）就是**子组件**。
需要注意的是，子组件不能直接使用父组件中的数据。**父组件可以通过`props`属性向子组件传值**。
代码举例：
```html
Document
我是子组件。我想使用父组件中的数据parentMsg： {{ parentMsg }}
```
效果如下：
20180618_2350.png
代码截图如下：
20180618_2355.png
**父组件给字组件传值的步骤**：
> 根据上方截图，我们可以总结出父组件给子组件传值的步骤。
子组件中，data中的数据和props中的数据的区别：
-
- data中的数据是可读可写的；props中的属性只是可读的，无法重新赋值，重新赋值会报错（也就是说，子组件不要直接去修改父组件中的数据）。