vue这种/ /路由到组件的传值怎么做？

Question

我组件需要的数据在index中，然后我的组件是放在render里的，这种路由index传给render再做组件传值该怎么控制？
index需要传给组件的数据

render中的组件。

组件

思路是这样子，用路由怎么做，不用vuex。

/// index
<router-view :collapsed="collapsed" class="home-con"></router-view>

/// render
watch: {
     collapsed: function(value) {
     console.log(value);
     },
 },
 

Answer 1

https://router.vuejs.org/zh/guide/essentials/named-routes.html

router.push({ name: 'render', params: { collapsed: false }})

<router-link :to="{ name: 'render', params: { collapsed: false }}">User</router-link>

Answer 2

• 路由组件传参
• Vuex

Answer 3

index.vue

<router-view :collapsed="collapsed"></router-view>

render.vue

export default{
    name: "render",
    props: ["collapsed"],
    watch: {
        collapsed: function(value) {
          console.log(value);
        }
    }
}

如果你的参数是通过router-view 来传递的话 我都是这样用的

Answer 4

建议用 Vuex。