vue 的父子通信
父传子 传递
当子组件子在父组件中当做标签使用的时候 通过给子组件绑定一个自定义属性 值为需要传递的数据
接收 : 子组件内部通过props 进行接收
接收的方式一种是数组另一种是对象 一般情况下我们用对象 因为对象接受可以校验数据类型
props:【“自定义属性”】
props:{
val:{
type:string,
default:默认值
}
}
子传父
传递:当子组件给父组件传递数据的时候 通过调用父组件给子组件邦定的自定义事件 然后将值传过去
接收:父组件通过自定义事件的函数来接收子组件传递过来的数据
这个自定义方法函数在绑定的时候不需要加()
非父子
每个组件this 指向不同 给vue。proprtype添加一个属性
1在vue的原型上添加一个公共vue实例组件之间调用这个公共实例的$on/$emit 来传递数据 传递一方调用$emit 接收调用$on
2手动封装$on$off$emit 原理 观察者模式
3EventBus
4vuex