vue组件之间通信的问题

Question

现在右侧 绿色的导航栏是组件 navMenu.vue 红色区域是foodList.vue组件
当点击navMenu.vue的不同导航时候 foodList.vue组件要出现不同的数据

请问这两个组件之间应该怎么写通信 以及 相互之间Import的问题

Answer 1

2种实现方式，一是不通过路由，只是修改foodist组件的内容，传值方式有3种，一是兄弟组件传值，二是使用一个空的 Vue 实例作为事件总线，三是vuex。点击navMenu的导航栏，将id传给foodlist组件，然后通过这个id来处理修改foodlist中的数组。二是通过动态路由来处理，这个可以看官方文档。思路给你了，剩下的你可以自己去查资料来解决。