vue bus全局事件中心简单Demo详解
发布时间:2020-12-17 02:34:03 所属栏目:百科 来源:网络整理
导读:1.vue-cli搭建好项目之后,使用npm安装vue-bus npm install vue-bus 2.在入口文件main.js中全局注册 3.传递数据: 4.接收数据: 5.注意事项 this的作用域要指向当前的vm实例,on监听事件一般放在组件生命周期函数中的created或者mounted中,注销bus需要在bef
1.vue-cli搭建好项目之后,使用npm安装vue-bus
2.在入口文件main.js中全局注册 3.传递数据: 4.接收数据: 5.注意事项 this的作用域要指向当前的vm实例,on监听事件一般放在组件生命周期函数中的created或者mounted中,注销bus需要在beforeDestroy中; 关于bus事件触发多次的问题,一方面可能因为vue组件被复用,导致一个bus事件被重复注册,破坏了“同事件名”bus,发送与接收唯一对应的关系; 另一方面是页面路由的时候,原有页面中的bus事件并没有被注销,依然隐藏在程序中。 总结以上所述是小编给大家介绍的vue bus全局事件中心简单Demo详解。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
热点阅读