Vue.js의 Nuxt.js 프레임워크 개발 관련 자료 모음

Vue.js의 Nuxt.js 프레임워크 개발 관련 자료 모음

2019. 6. 11. 00:20ㆍ서버 프로그래밍

Vue.js의 프레임워크 중에 하나인 Nuxt.js를 사용하여 개발하는데 필요한 레퍼런스들이다. 다른건 Vue.js와 별 차이가 없었지만 Router와 Programmatic Navigation 부분이 조금 달라서 삽질 좀 했다.

https://kdydesign.github.io/2019/04/10/nuxtjs-tutorial/

Nuxt.js 개념부터 설치까지 빠르게 배우기

Vue Application을 만들기 위한 강력한 Framework 인 Nuxt.js에 대해 알아보자. Nuxt.js는 Vue.js 응용 프로그램을 만들기 위한 Framework이며, Vue.js Application을 좀 더 손쉽게 만들 수 있으며 Server-Side-Rendering을 지원한다.

kdydesign.github.io

https://hhhyyeee.wordpress.com/2018/04/26/04-nuxt-link-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-%ED%8E%98%EC%9D%B4%EC%A7%80-%EA%B0%84-%EC%9D%B4%EB%8F%99%ED%95%98%EA%B8%B0/

(04) nuxt-link 사용하여 페이지 간 이동하기

이번 포스팅의 내용은 내가 Vue.js 와 Nuxt.js 를 사용하여 웹 페이지를 만드는 프로젝트를 진행하다가 부딪힌 문제들 중 하나이다. nuxt.js 가 편리하게도 개발자 대신 페이지 라우팅을 해준다는데, 이 기능을 어떻게 써먹어야 좋은가 하고 고민한 과정에 대한 내용이다. 믿을 수 없지만 나는 라우팅이 뭔지도 모른 채 개발하겠답시고 ‘…

hhhyyeee.wordpress.com

https://router.vuejs.org/guide/essentials/navigation.html

Programmatic Navigation | Vue Router

Programmatic Navigation Aside from using to create anchor tags for declarative navigation, we can do this programmatically using the router's instance methods. router.push(location, onComplete?, onAbort?) Note: Inside of a Vue instance, you have access to

router.vuejs.org

http://jeonghwan-kim.github.io/2018/04/07/vue-router.html

Vue-Router 살펴보기

jeonghwan-kim.github.io

https://linked2ev.github.io/devlog/2019/01/22/Nuxt-Admin-4.-Nuxt-Component-Divison/

[Nuxt Admin] 4. Nuxt에서 컴포넌트 사용

[ Nuxt Admin Template 4 ] Nuxt & Vuetify 기본 템플릿에서 컴포넌트를 이용해서 분할하는 작업

linked2ev.github.io

https://deepweller.tistory.com/26

Vue 조건에 따라 class 바인딩하기

시작하며 Vue.js 를 진행하고 있는 프로젝트의 프론트엔드 프레임워크로 사용하고 있다. 익숙하진 않지만 샘플과 자료들을 찾아가며 진행하고 있다. 이번에는 특정 조건에 따라 class 속성에 값을 바인딩하는 방법..

deepweller.tistory.com