学堂 学堂 学堂公众号手机端

vue父子组件传参和事件处理

lewis 1年前 (2024-05-05) 阅读数 15 #技术

父子组件

​​https://www.zjh336.cn/?id=1959​​


兄弟组件通信:

Vue兄弟组件通信(VueX)

​​https://www.jianshu.com/p/7c6740293834​​

1、兄弟之间传递数据需要借助于事件车,通过事件车的方式传递数据

2、创建一个Vue的实例,让各个兄弟共用同一个事件机制。

3、传递数据方,通过一个事件触发bus.$emit(方法名,传递的数据)。

4、接收数据方,通过mounted(){}触发bus.$on(方法名,function(接收数据的参数){用该组件的数据接收传递过来的数据}),此时函数中的this已经发生了改变,可以使用箭头函数。




new vue 发生了什么?

​​https://www.kancloud.cn/chenmk/web-knowledges/1224544​​



版权声明

本文仅代表作者观点,不代表博信信息网立场。

热门