vue.js 两个父组件中的子组件怎么传值

Question

app.vue是入口组件，index.vue会渲染到它的的<router-view>里，那现在app.vue里的组件slideBar通过ajax获得分类列表，点击分类，这里的分类id需要传给index.vue里的productList组件用于刷新商品列表，这要怎么传递

Answer 1

这个有很多种方法实现，可以用h5的localstorage或者sessionstorage将取得的id首先缓存起来，然后在index.vue初始化的时候取出来然后使用，
也可以直接用vue的路由跳转时将参数传过去，初始化时获取使用,比如：
router.go({path:'/index?id='+id+''});
index.vue初始化这样取： console.log(this.$route.query.id)

Answer 2

Vue2的话，非父子组件的传递信息用$on和$emit实现
简单的实现

复杂应用就得用Vuex了

Answer 3

官网上有讲