同级组件传值或者一个组件根据另个组件值变化刷新页面

January1207

于 2022-02-23 19:06:23 发布

阅读量236

点赞数

分类专栏：前端学习 vue学习文章标签： vue.js javascript 前端

版权

11 篇文章

订阅专栏

11 篇文章

订阅专栏

本文介绍了如何在Vue应用中使用vueBus进行跨组件通信，包括创建实例、通过$emit触发事件和$on监听事件的过程。适合理解Vue组件间通信的初学者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vueBus

import Vue from 'vue'
const bus = new Vue()
export default bus

import vueBus from '@/utils/vuebus'
    vueBus.$emit('key',vue)

import vueBus from "@/utils/vuebus";
mounted() {
vueBus.$on("key", function (msg) {
console.log(msg, "msg8888");
 }
 }