组件通信
$emit
子向父通信
$broadcast
父向子通信
父子通信:父组件传递数据给子组件
1、通过props传值
如果需要传递动态属性值需要添加.sync修饰符
如果要在子组件中修改父组件数据需要在接受的时候添加 twoWay: true
如果需要数据双向绑定需要(.sync 和 twoWay 同时)
2、实用$broadcast将数据广播到所有子组件中
子父通信:子组件传递数据给父组件
在父组件中events中定义事件,在子组件
e
m
i
t
触
发
(
推
荐
)
在
父
组
件
m
e
t
h
o
d
s
中
添
加
方
法
,
在
子
组
件
中
t
h
i
s
.
emit触发 (推荐) 在父组件methods中添加方法,在子组件中this.
emit触发(推荐)在父组件methods中添加方法,在子组件中this.invoke(’…/’, ‘函数名称’)
在子组件中通过this.
p
a
r
e
n
t
获
取
到
父
组
件
实
例
,
调
用
父
组
件
回
调
函
数
给
父
组
件
发
送
数
据
同
级
:
A
、
B
两
个
同
级
组
件
的
数
据
发
送
在
A
组
件
中
通
过
t
h
i
s
.
parent获取到父组件实例,调用父组件回调函数给父组件发送数据 同级:A、B两个同级组件的数据发送 在A组件中通过this.
parent获取到父组件实例,调用父组件回调函数给父组件发送数据同级:A、B两个同级组件的数据发送在A组件中通过this.invoke(’…/B’, ‘函数名称’) 调用B组件中的回调函数传递数据
将数据发送到父组件,父组件在传递给另一个子组件(代理方式)
自己封装一个发布订阅器(eventbus)
跨级:
逐层传递
this.$invoke(‘组件路径’, ‘函数名称’)
使用redux可以做所有的数据管理