1、建立 util.js 中转站文件(任意位置,我是在/src/utils/util.js),写入以下代码
import Vue from 'vue'
export default new Vue
2、在两个页面都引入该文件(注意路径)
import vm from '../utils/util.js'
3、调用方
methods: {
functionA() {
vm.$emit('demo','msg');
}
}
4、被调用方(注意:如果要在vm.$on里用到this,需要先定义变量赋值为this才能调用到)
mounted(){
var that = this;
vm.$on('demo', function (msg) {
console.log(msg);
})
},
本文介绍了如何在Vue.js应用中通过创建util.js中转站文件实现组件间的事件通信。步骤包括在util.js中导出新的Vue实例,然后在调用方和被调用方的组件中分别引入并使用这个实例进行$emit和$on操作,实现了跨组件的数据传递。
2万+

被折叠的 条评论
为什么被折叠?



