프로젝트 생성하기 전...
아직 Nuxt 3이 Beta 버전이다. RC라 확정이겠지만, nuxt 2로 진행하기로 한다.
버전 정보
nuxt: 2.15.8
vue: 2.7.10
@nuxtjs/composition-api: 0.33.1
@nuxtjs/composition-api 버전이 아직 1 이하인 걸 봐선 정식 버전은 아닌 것 같다.
nuxt 3 정식 버전 발표 후론 굳이 설정해주지 않아도 되지만, ... (이게 최선인가?)
프로젝트 생성
> npm init nuxt-app nuxtProject
모듈 추가 및 설치
> npm i @nuxtjs/composition-api
composition-api 설정
nuxt 2에서 vue composition-api를 사용하기 위해서 설정이 필요하다.
buildModules: [
// https://go.nuxtjs.dev/typescript
'@nuxt/typescript-build',
'@nuxtjs/composition-api/module', // ★
],buildMoules에 composition-api 내용을 추가 안해주면 composition-api 기능을 사용하지 못한다. 빼고 해보면 안다.
github 공유
https://github.com/seodaeya/nuxtCompositionApiSample
GitHub - seodaeya/nuxtCompositionApiSample: nuxt + composition-api
nuxt + composition-api. Contribute to seodaeya/nuxtCompositionApiSample development by creating an account on GitHub.
github.com
관련 글
Vue 3.x 프로젝트 생성 및 설정
프로젝트 생성하기 전... nuxt 설정하는데, 불편해서 vue 3으로 넘어왔다. vue 4 얘기도 나오는 것 같고, 안정화 버전이 vue 2.x 기반으로 되어 있는 nuxt로 굳이 프로젝트를 구성할 필요가 없으니 vue 3.x
seodaeya.tistory.com
반응형
'개발자의 삶 > JSs(React, Vue, Nuxt, ...)' 카테고리의 다른 글
| 초간단 lodash 사용하여 list 배열 정렬하기(feat. react) (3) | 2024.04.29 |
|---|---|
| 키보드 한글 자음, 모음을 영문으로 변환하기 (feat. react) (0) | 2024.04.25 |
| Object List를 lodash uniqBy로 간단하게 중복 제거하기 (feat. react) (0) | 2024.04.02 |
| [React][속성공부] ...rest? 넌 뭐하는 애니? in Component props (0) | 2024.01.15 |
| Vue 3.x 프로젝트 생성 및 설정 (0) | 2022.11.22 |
| 세션 끊겨도 노드 실행될 수 있도록... npm start? (0) | 2020.10.08 |
댓글