nuxt.js -> v-bind 到 <nuxt> 的 props

Question

我做了一个 nuxt.js 项目。我正在尝试将数据传递给组件（nuxt）。在我的第一个 vue 文件中，我有这段代码

<nuxt v-bind:cur-language="curLanguage"/>

在放置在“占位符”中的 vue 文件中，我有这个

...
{{ curLanguage }}  
...
export default {
layout: 'default',
props: [
'curLanguage'
],
...

“{{ curLanguage }}”在我的显示代码中，其余的在我的 javascript 代码中。

问题

为什么 curLanguage 为空并且我没有收到错误消息？使用“普通”vue，您可以通过这种方式将信息传递给组件。

Answer 1

检查您的<nuxt/> 标签 nuxt 使用此标签进行布局 所以它认为你正在尝试在那里嵌入布局。 尝试重命名您的组件标签名称。

查看Nuxt layout docs