[vue] nuxt.js

·2021년 9월 23일
0

nuxt.js는 vue.js 응용 프로그램을 만들기 위한 프레임워크

Nuxt.js는 SSR방식을 사용하여 검색 봇들이 사이트의 내용을 쉽게 읽을 수 있게 해준다.
참고

라우트 설정
nuxt.js는 라우터 설정이 필요없음.
vue.js는 라우터를 통해 경로를 설정해주어야 하지만
nuxt.js는 pages폴더내 vue 파일을 읽고 자동으로 라우터 설정을 해줌.

레이아웃 설정
layouts > defalut.vue
layouts > newLayout.vue
layouts 폴더에 레이아웃 파일을 추가 하고
페이지에서 레이아웃을 설정해주면 바로 반영된다.

<script>
export default {
  layout: 'newLayout',
  // 또는
  loyout(context) {
    layout 'newLayout'
  }
}
</script>
profile
열심히 기록

0개의 댓글