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