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 祖先组件操作后代组件方法

推荐阅读

饭圈拉瓜是什么意思饭圈拉郎是什么意思

山药圆子怎么做才好吃，肉末山药圆子的做法？

父母买房可以写未成年孩子的名字吗,规避转让税但不能贷款

不倒翁小鸟的制作教程

“魑魅魍魉” 你们知道怎么读吗？魑魅魍魉怎么读

关于淮北公交简述淮北公交

excel查找不出来是什么原因

强势老人是家庭的灾难【老人强势发生家庭矛盾】

糖尿病人适合送的礼品女总裁给男秘书送粥

大红袍分几种肉桂

熟黄芪泡水喝的功效与作用熟黄芪泡水喝有哪些功效与作用

柠檬片的功能与功效柠檬片的功效作用

防弹咖啡怎么做好喝防弹咖啡怎么做

今年广东调整养老金的新消息 2022广东省养老金上调方案及补发时间

昆明机场离哪个高铁站近，昆明飞机场到高铁站有多远？

孕妇铅过高有什么症状有什么不良影响

毓字取名女孩有寓意属兔最搭的名字有哪些？

关于特别认真地生活简述特别认真地生活

办银行卡需要什么办银行卡需要什么证件和材料

终不似少年游终不似少年游