Vue父子组件，子父组件通信

1.父子组件通信

　　1.父组件通过属性方式将数据传递给子组件

　　2.子组件通过props来接收父组件传递来的属性

 

组件里面生成数据必须是函数，内部返回对象的形式 data(){ return { msg:' ' }}

 

常见题目：为什么组件的data不是一个对象呢？

　　一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。

 

2.子父组件通信

　　1.父组件声明一条自己的数据

　　2.写一个方法来更改自身的数据

　　3.在调用子组件的时候，绑定自定义事件

　　4.需要触发绑定在自身上面的自定义事件 触发绑定在自身上的自定义事件用this.$emit()

 

　　mounted() 构造函数 作用：组件挂载完毕就会执行

 

3.　父子组件通信基于 props

　   子父组件通信基于 events