Vue父子组件,子父组件通信
1.父子组件通信
1.父组件通过属性方式将数据传递给子组件
2.子组件通过props来接收父组件传递来的属性
组件里面生成数据必须是函数,内部返回对象的形式 data(){ return { msg:' ' }}
常见题目:为什么组件的data不是一个对象呢?
一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。
2.子父组件通信
1.父组件声明一条自己的数据
2.写一个方法来更改自身的数据
3.在调用子组件的时候,绑定自定义事件
4.需要触发绑定在自身上面的自定义事件 触发绑定在自身上的自定义事件用this.$emit()
mounted() 构造函数 作用:组件挂载完毕就会执行
3. 父子组件通信基于 props
子父组件通信基于 events