如何将道具传递到<nuxt />组件页面

有没有人能够将道具传递到Nuxt.js中的页面?

典型的Vue.js道具可以这样传递:

// parent-component.vue


<child-component :basket-count="items.length"/>

<script>
import ChildComponent from './child-component'
export default {
  data () {
    items: [{}, {}]
  },
  components: {
    childComponent: ChildComponent
  }
}
</script>


// child-component.vue


<p>You have {{ basketCount }} items in your basket</p>

<script>
export default {
  props: [
    'basket-count'
  ]
}
</script>

但是,<nuxt />在布局中使用标记时default.vue,道具不会像应有的那样传递给子页面。

讨论已经在这里进行,但是票证似乎没有定论。我尚无法解决实现此目标的可行方法。

是否会发回邮件,但想知道来自Nuxt.js开发人员的想法吗?