如何通过<router-view>

Question

我有一个正在使用的应用程序并注册了路由器，我所需要的只是将动态道具通过传递给某些组件。

app.vue

<template>
  <v-app>
    <router-view :user="userVariable"></router-view>
  </v-app>
</template>

router.js

Vue.use(Router);
export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/login',
      name: 'Login',
      component: Login,
      props: true,
    },
    {
      path: '/profile',
      name: 'profile',
      component: Profile,
      props: true,
    },
  ],
});

我在启动组件时获得了道具，但是在更新userVariable的值时无法获得更新的道具。 ：（

Answer 1

我创建了this CodeSanbox example，其中的所有内容似乎都正常运行。

在两种情况下，当您传递的变量是原始或非原始值时，我都尝试过。