vue.js - vue 不同组件如何进行通信？

问题描述

问 题

我想实现的功能如下，

点击左上角的menu按钮，从左侧滑出 菜单栏，如图，

现在有三个组件，Home.vue, Head.vue, Sidebar.vue， 我怎么在 Home中点击 Head组件里的menu,去触发 SideBar的效果呢。

Home.vue

Head.vue

Sidebar.vue

看官方文档需要用的 $emit,$on 在简单的场景下，可以使用一个空的 Vue 实例作为中央事件总线，这个不在同一页面中怎么去使用。。。 小白，有点懵逼。。

解决方案

如果不想用一个空的Vue实例，可以使用this.$root.$emit和this.$root.$on试试。

这篇关于vue.js - vue 不同组件如何进行通信？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！