Vue.js 通过路由器发送属性不工作

我不确定是否正确执行此操作，这是我的路由器视图定义：

{
  path: '/page',
  name: 'page',
  component: Page,
  props: true,
  meta: { requiresAuth: true}
},

然后我访问视图，如下所示：

self.$router.push({ name: 'page', params: {stuff: true }})

这是我的页面组件：

<template>
  <div class="page">
    {{ stuff }}
  </div>
</template>

<script>


export default {
  name: 'Page',
  data() {
    return {
      stuff: false
    }
  },
}
</script>

看起来stuff属性没有设置为true，它总是false

我们的代码将把stuff作为组件道具传递，而不是组件的数据

<template>
  <div class="page">
    {{ stuff }}
  </div>
</template>

<script>


export default {
  name: 'Page',
  props: ['stuff']
}
</script>

在：

当props设置为true时，route.params将设置为 组件道具

---

啊，你说得对，我用的是数据，而不是实际的道具，谢谢