原文：VUE同级组件之前方法调用
实现：Index.vue页面调用nav.vue页面里的getLeftMenu 方法 一 首先先建一个公共文件，命名eventBus.js,内空为： import Vue from vue export default new Vue 二 在Index.vue和nav.vue都import一下eventBus.js公共文件，具体写法 import bus from . comms eventBus ...
2021-06-18 09:47 0 180 推荐指数：
相关推荐
一、文件结构 二、vue.js 打开此链接 https://cdn.bootcss.com/vue/2.6.10/vue.js 复制粘贴页面的所有内容 三、index.html 四、main.js 五、效果 ...
1.父组件 father.vue 2.子组件1 son1.vue 3.子组件2 son2.vue 4.中央事件总线 同级组件传值时，需要添加中央数据总线 在src/assets/下创建一个eventBus.js,内容如下 （eventBus中 ...
操作 1.用鼠标双击选中方;例如红色框； 2.快捷键:ctrl+alt+h; idea右上角会出现一个界面； 选中紫色框中的按钮会显示当前方法被谁调用(默认)； 黄色框则表示当前方法调用了哪些方法; 界面的第一级则表示为当前方法； ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>componentKnowledge-同级组件通信</title> ...
使用场景： 页面分为header、home、footer三部分，需要在home中调用header中的方法，这两个没有相互引入 官方给出方法： 需要在展示页里调用顶部导航栏页里的方法，两者之间没有引用关系，看了一下vue的API发现可以用这个方法实现。 https ...
利用 bus 总线机制（发布订阅模式/观察者模式） ...
$emit 子组件触发父组件的方法： $refs 父组件获取子组件实例，进而调用子组件方法或者直接修改子组件属性： 在复杂的vue应用中，应该用vuex的store来管理跨组件的数据交流，再根据数据的变化触发相应的方法。 ...