项目中,我们经常会遇到兄弟组件通信的情况。在大型项目中我们可以通过引入vuex轻松管理各组件之间通信问题,但在一些小型的项目中,我们就没有必要去引入vuex。下面简单介绍一下使用传统方法,实现父子组件通信的方法。示例中我们通过this.$emit() 去触发isLogFn 这个方法自定义事件,并将log 参数传递出去a.vue第二步,我们要在父组件中去监听这个自定义事件,去触发对应的方法,并接受a组件传过来的参数。此时我们就完成了子组件向父组件传值的过程。

Vue 兄弟组件通信的方法(不使用Vuex)

Vue 兄弟组件通信的方法(不使用Vuex)

Vue 兄弟组件通信的方法(不使用Vuex)

Vue 兄弟组件通信的方法(不使用Vuex)