vue项目开发应该如何调用bus
,下面编程教程网小编给大家详细介绍一下代码的运用!
安装脚手架
npm install vue-bus
main.js全局引入
import Vue from 'vue';
import VueBus from 'vue-bus';
Vue.use(VueBus);
A组件触发事件
this.$bus.emit("name",params);
B组件接收事件
this.$bus.on("name",function(value){
console.log(value)
});
组件销毁时解除事件绑定
destroyed:function(){
this.$bus.off("name")
}
以上是编程学习网小编为您介绍的“vue项目bus的基本用法”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:vue项目bus的基本用法


基础教程推荐
猜你喜欢
- 用一个DIV画图通过background-image叠加实现 2024-02-08
- console.log报Uncaught TypeError: Assignment to constant varia 2024-12-14
- iframe实现与父页面跨域隔离的JavaScript 代码沙箱 2023-07-10
- jquery弹窗时禁止body滚动条滚动的例子 2024-02-05
- 微信小程序输入多行文本的实战记录 2024-02-05
- js格式化输入框内金额、银行卡号 2023-12-21
- 使用XHTML1.0 Strict中需要特别注意的地方 2022-11-06
- 在数组中通过find遍历需要的对象 2024-12-07
- JS实现把一个页面层数据传递到另一个页面的两种方式 2024-03-09
- 深入探讨CSS中字体元素 2022-10-16