Vue BUS 页面间传递参数
说明: 可以用于多个页面之间,全局传递参数,比较好用。比如,提交表单页面关闭后,列表页面重新刷新页面,可以使用这样的方式。
定义 BUS
创建/src/utils/vuebus.js
import Vue from 'vue';
export default new Vue();
发送和接受消息的页面引入vuebus
import Bus from '@/utils/vuebus'
发送页面使用VUEBUS向外传递参数
Bus.$emit("PARAM_NAME", param);
接受页面在created函数中定义接收到参数之后的操作
created() {
Bus.$on('PARAM_NAME', param=> {
console.log('接受到的参数为', param);
})
}