728x90
vue2 검색 결과
2 개의 검색 결과가 있습니다.
Web/vue.js

[vue2/nuxt] file system routing, nested routing

0. 들어가기 -. nuxt 기반의 routing 사용 예제. -. vue 단독 사용시와는 달라서 정리. 1. file system routing -. nuxt 프레임웍 상에서 모든 페이지 경로는 pages 폴더 하에 자리하게 된다. 즉, 파일 트리가 url경로가 되고, 파일 중 index.vue 가 해당 폴더의 루트 ('/') 경로를 담당하게 된다. pages (folder) │ bbs.vue │ crawl.vue │ index.vue │ news.vue │ page.vue │ prices.vue -. 자동 작성되는 .nuxt/router.js 파일을 확인하면 아래와 같이 라우트 정의가 되어있는 것을 볼 수 있다. routes: [{ path: "/bbs", component: _4aa0f270, na..

2022. 3. 3. 13:35
Web/vue.js

[vue/nuxt] vue3 → vue2 + nuxt.js 로 변경

0. 들어가기 -. vue3 기반으로 만든 페이지를 vue2 + nuxt.js (nuxt2)로 바꾸는 시점 기록. 1. 변경 사유 -. vue3 기반으로 사이트를 만들고 sitemap 작성 방법을 찾아보니 vue에서의 사이트맵 작성은 nuxt.js 라는 프레임웍 하에서 가능한 것으로 보인다. -. vue 자체는 single page application 기반으로, 검색엔진 최적화 (SEO, search engine optimization)이 어려운 (매 페이지마다 수동으로 추가를 해줘야 하는) 단점이 있고, 그것을 어느정도 메꿔주는 것이 nuxt라는 프레임웍인듯. -. 근데 문제는, 지금 약간 과도기라 vue3에 호환되는 nuxt 배포가 되지 않은 상황. (베타 기간으로, 프로덕션엔 쓰지 말라드라) 대략..

2022. 3. 3. 10:48