前言
每次使用这个技术总是忘记 每次都得百度 决定写道自己的博客里面
一、再main.js中 挂载在$bus
new Vue({ el: '#app', router, store, render: h => h(App),
beforeCreate(){
Vue.prototype.$bus = this
// 往Vue的原型上放一个 全局事件总线 $bus（可以任意命名，但是约定俗成用$bus），
// 在子组件VueComponent中就能调用到这个原型里的东西，因为子组件原型会往Vue的原型上面找
}
})
AI写代码
二、使用
1.监听事件
this.$bus.$on("functionName",(params)=>{
console.log(params)
})
2.触发事件
代码如下（示例）：
this.$bus.$emit("functionName", '参数')
3.页面卸载
this.$bus.$off(['事件1','事件2'])
完成
Vue2使用笔记3--父子组件的通信Vue 2.0开发实践（组件间通讯）Event Bus 在Vue中的使用vue...
vue-bus的使用 1.安装：npminstall vue-bus 2.使用：在main.js中 importV...
Bus 建议使用单例模式，这里我不做详细说明 if(bus==null){ bus=newBus(ThreadEn...
1，vue使用tinymce中提示Object(...) is not a function版本太高了，vue2中...
1. 使用中间Vue实例实现兄弟传值。 创建一个用于转发数据的中间Vue实例bus 在子组件1中使用bus.$em...
vue2中computed就是 实时计算 使用。vue2检测到数据发生变动时就会执行对相应数据有引用的函数。 co...
//vue3新特性巡礼//vue2大部分特性都完全的保留到vue3中，你可以像使用vue2一样原封不动的使用vue...
1. vue2 中的 data 2. vue2 methods 3. vue2 中的 router 4. vue2...
首页要创建一个js的文件；我将其命名为bug.js 要操作使用的页面中，直接是引入bus文件：import bus...
背景 下面介绍其使用： 使用 配置 在项目根目录的 build.gradle 中添加 bus 插件： 然后在 ap...
本文标题：2025-04-26 vue2中使用 $bus
本文链接：https://www.haomeiwen.com/subject/ygcobjtx.html
网友评论