首页 > 编程知识 正文

兄弟组件传值,vue兄弟组件传参数

时间:2023-05-04 20:28:26 阅读:266637 作者:2899

父子组件之间传值有各自的方法,此方法可用于兄弟组件或祖孙组件传值

1.在main.js中,new一个空的vue挂在到vue原型上:

Vue.prototype.$bus = new Vue();

2.在demo.vue中使用bus发送数据(可以通过点击事件触发)

this.$bus.$emit("sendData",{data:"需要发送的数据"})

3.在另一个test.vue中接收数据(可以写在created生命周期函数中)

this.$bus.$on("sendData",d=>{console.log(d)})

 

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。