VUE非父子组件间的传值

home.vue传值给header.vue

src\Utils\Bus.js

import Vue from "vue"; const Bus = new Vue({ data:{ // appkey:"8j9cEPwFc2Wz8ybdZljRWFalsqANWN3k", } }); export default Bus;

src\views\Home.vue

import Bus from '@/Utils/Bus' data () { return { Bus, 'viewer' : "111", } }, mounted() { this.byVal() }, methods:{ byVal(){ Bus.$emit('val', this.viewer) }, } 

src\components\Header.vue

import Bus from '@/Utils/Bus' data(){ return{ Bus, 'viewer' : "", } }, mounted(){ var vm = this // 用$on事件来接收参数 Bus.$on('val', (data) => { this.viewer=data console.log(this.viewer,"cesviewer") }) },

vue中$emit与$on和BUS

vue中 关于$emit的用法

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/11283.html