概述
简述 : bus传值是两个组件之间的传值,适用兄弟组件之间的传值
1.utils中创建bus.js文件
import Vue from 'vue'
const Bus = new Vue()
export default Bus
2.在需要传值的组件中添加代码
A.vue页面
// 兄弟组件中的传值
import Bus from './utils/bus..js'
// 在适当的时机通过this.$emit进行传参
methods:{
toBPage(){
Bus.$emit('val',data)
}
}
// 非兄弟之间的传值,组件销毁前传值
beforeDestroy(){
Bus.$emit('val',data)
}
B.vue页面,接收数据
import Bus from './utils/bus..js'
created（）{
Bus.$on('val',(data)=>{
// A页面传过来的数据
console.log(data)
})
}
最后
以上就是精明帽子为你收集整理的vue bus传值的全部内容，希望文章能够帮你解决vue bus传值所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复