nuxt.js -> v-bind의 소품에 <nuxt>

Question

나는 nuxt.js 프로젝트를 만들었습니다. 구성 요소 (nuxt)에 데이터를 전달하려고합니다. 처음 VUE 파일에서 내가 그 '자리'나는이에 넣어하는 VUE 파일에서이 코드

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

이이

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

'{{curLanguage}}이 (가)'내 디스플레이에 코드, 나머지는 내 자바 스크립트 코드. 질문

왜 curLanguage은 비어 있고 나는 오류가 발생하고 있지 않다? '보통'vue를 사용하면 이러한 방식으로 구성 요소에 정보를 전달할 수 있습니다.

Answer 1

<nuxt/> 태그로 확인하십시오. nuxt는이 태그를 레이아웃 용으로 사용합니다. 그래서 레이아웃을 삽입하려고합니다. 구성 요소 태그 이름의 이름을 변경하십시오.

체크 아웃 Nuxt layout docs