前端之家收集整理的这篇文章主要介绍了
Vue 兄弟组件通信的方法(不使用Vuex),
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
项目中,我们经常会遇到兄弟组件通信的情况。在大型项目中我们可以通过引入vuex轻松管理各组件之间通信问题,但在一些小型的项目中,我们就没有必要去引入vuex。下面简单介绍一下使用传统方法,实现父子组件通信的方法。
简单实例:我们在a组件中点击按钮,将信息传给b组件,从而使b组件弹出。

主要的思路就是:
先子传父,在父传子
首先我们在 a.vue 组件中 ,给按钮botton绑定一个handleClick事件,事件中我们通过 this.$emit() 方法去触发一个自定义事件,并传递我们的参数。
示例中我们通过this.$emit() 去触发isLogFn 这个方法自定义事件,并将log 参数传递出去
a.vue
a组件