Отправка собственности через роутер не работает

Question

Я не уверен, что я делаю это правильно, это мое определение представления маршрутизатора:

{
  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

Answer 1

Наш код пройдет stuff как реквизит компонента, а не данные компонента

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

<script>


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

В документе:

когда props установлен в true, route.params будет установлен как реквизит компонента