nuxt

nuxt 프로젝트 시작

npm i -g create-nuxt-app

 

npm init nuxt-app learn-nuxt

 

layout

레이아웃 컴포넌트 소개

 

asyncData

페이지 진입하기 전에 호출되는 로직. 

따라서 컴포넌트를 가리키는 값이 없다고 볼 수 있다. 

• this를 사용할 수 없다.
• return 값은 컴포넌트의 data와 병합되어 사용이 가능하다.
• 페이지(Page) 컴포넌트에서만 사용이 가능하다.

asyncData 속성

 

pages 폴더 안에 들어가는 폴더가 url의 구조이다. 

pages -detail -> /pages/detail/

파일 기반의 컴포넌트 생성은 서버를 한번 죽여야 한다. 

 

context - app, store,route, params, query, env ...등등 속해 있다. 

 

store 폴더 밑에 파일을 만들면 vuex 사용 가능