vue 祖先组件操作后代组件方法 _生活百科

文章插图
前言：最近写代码遇到一问题：祖先级别的组件怎么操作孙子的儿子的组件方法（是不是已经绕晕了

），在网上搜了半天都是父子传参，父子操作，晕晕乎乎的想起了bus(事件总线)，
原理就是：是在vue原型上挂载（生命周期为实例创建之前beforcreate），通过这个实例里的事件派发和事件监听实现跨组件通信，设计模式叫做观察者模式(vue上就有$on，$emit 、$off) 。
话不多说了，直接看代码吧
一、首先
// 在 src/mian.js new Vue({router,store: new Vuex.Store(Store),el: '#app',render: h => h(App),beforeCreate(){ Vue.prototype.$bus = this//安装全局事件总线}})二、在触发事件的的祖先组件方法内
this.$bus.$emit("holle",666)三、后代组件（不限于后代，就是任何组件）接受传参
mounted() {this.$bus.$on("holle",(data)=>{console.log(data)//666})},四、一定要在接收的组件销毁钩子里卸载掉
【vue 祖先组件操作后代组件方法】beforeDestroy() {this.$bus.$off("holle")},　总结：以上就是我对bus的使用和理解，有写的不到位的地方，还望各位指正，留言区欢迎大家发言评论哦?。。?

vue 祖先组件操作后代组件方法

推荐阅读

商业承兑汇票是什么意思商业承兑汇票的理解

在“再见阿郎”中的刘金虎怎么又是金鹏？

一斤几克重，一斤等于多少千克

忙碌了多少天辛苦了多少年是啥歌快去听一下吧

煤炭公司起名大全免费煤炭行业起名大全

天麻能泡白酒吗天麻可以和虫草花一起煲汤吗

关于洛阳昊远机械设备有限公司简述洛阳昊远机械设备有限公司

梦见水里有黑鱼在游

我们好像在哪见过歌词我们好像在哪见过歌词歌谱

五岳奇险天下第一山是哪座山天下第一山是哪座山

etc不抬杆可以倒回吗 etc不抬杆可以倒回会被扣分吗

节日由来英语节日由来

教你如何使用迅雷离线下载[新发布]

如何通过女人面相看婚姻哪些面相的女人婚姻好

孕妇梦见和别人吵架孕妇梦见别人挣了很多钱

皮蛋是生的还是熟的怎么判断皮蛋是生的还是熟的

喝番茄汁有什么好处番茄汁的好处有哪些

梦见和当官的同学在一起商人梦见当官的同学

瑜伽入门动作图解瑜伽入门动作图解上

“八岐之术”是什么？