Vue组件怎样实现与其路由组件的数据绑定？

Question

问题是这样的：

组件：

<template>
    <div>
        <router-view/>
    <div>
</template>

<script>
    export default {
        data () {
            return {
                data: {/*复杂对象*/}
            }
        }
    }
</script>

该组件的router-view下管理着多个视图，怎样向其路由组件传递参数，除了动态路由传递简单字符串外的其他方法，一般这种情况都需要借助vuex吗

Answer 1

简单点的，可以自己定义一个全局变量，只要你对自己的程序控制力比较有自信。
稍微复杂一点的，最好还是上vuex吧。

Answer 2

是由什么顾虑不上vuex吗？这么强大的东西，用过都说好！~

Answer 3

我好像是在router-view上，:a=A :b=B :c=C,然后各自组件里接收数据

Answer 4

通过 meta 传递

watch:{
  '$route': function(to, from){
    this.to.meta.data = this.data
  }
}