vue之间的传值
一、父组件向子组件传值
1、父组件发送的形式是以属性的像是绑定值到子组件身上;
2、然后子组件用属性props接收;
3、在props中使用驼峰形式,模板中需要使用横线的像是字符串形式的模板中没有这个限制;
二、子组件向父组件传值
1、子组件用
e
m
i
t
(
)
触
发
事
件
;
2
、
emit()触发事件; 2、
emit()触发事件;2、emit()第一次参数为自定义的事件名名称 第二个参数为需要传递的数据
3、父组件用v-on监听组组件的事件
三、兄弟之间的传递
1、兄弟之间传递数据需要借助于事件中心,通过事件中心传递数据;
提供事件中心 var hub = new Vue()
2、传递数据方,通过一个事件触发hub.
e
m
i
t
(
方
法
名
,
传
递
的
数
据
)
3
、
接
收
数
据
方
,
通
过
m
o
u
n
t
e
d
(
)
钩
子
函
数
触
发
h
u
b
.
emit(方法名,传递的数据) 3、接收数据方,通过mounted(){}钩子函数触发hub.
emit(方法名,传递的数据)3、接收数据方,通过mounted()钩子函数触发hub.on()方法名
4、销毁事件 通过hub.$onoff()方法销毁之后无法进行数据传递
vue之间的传值
最新推荐文章于 2023-07-07 19:25:45 发布