nuxt.js -> v-bind zu Requisiten von <nuxt>

Question

Ich habe ein nuxt.js-Projekt gemacht. Ich versuche, Daten an eine Komponente (nuxt) zu übergeben. In meiner ersten vue Datei ich diesen Code

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

In einer vue-Datei, die in diesem 'Platzhalter' gesetzt ist, ich habe diese

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

Die '{{curLanguage}}' ist in meiner Anzeige Code, der Rest in meinem Javascript-Code.

Frage

Warum ist die curLanguage leer und bin ich nicht einen Fehler zu bekommen? Mit 'normal' vue können Sie auf diese Weise Informationen an eine Komponente weitergeben.

Answer 1

Überprüfen Sie mit Ihrem <nuxt/> Tag Nuxt verwendet dieses Tag für das Layout So denkt es, dass Sie versuchen, Layout dort einzubetten. Versuchen Sie, den Namen Ihres Komponenten-Tags umzubenennen.

Auschecken Nuxt layout docs