Vue.js

Vue 라이브러리를 이용하여 SPA를 구현할 때 사용하는 페이지 이동 라이브러리

주어진 패턴을 가진 라우트를 동일한 컴포넌트에 매핑해야 하는 경우가 자주 존재한다.

실제 앱 UI는 일반적으로 여러 단계로 중첩된 컴포넌트로 이루어져 있다.

<router-link>를 사용하여 선언적 네비게이션용 anchor 태그를 만드는 것 외에도 라우터의 인스턴스 메소드를 사용하여 프로그래밍적으로 페이지의 이동을 수행할 수 있다.

때로는 라우트에 연결하거나, 탐색을 수행할 때 Named Routes를 사용하는 것이 더 편리하다. Named Routes는 Router 인스턴스를 생성하는 동안 routes 옵션에 라우트를 지정할 수 있다.

리디렉션은 routes 설정에서도 할 수 있다. /a에서 /b로 리다이렉션하려면 리디렉션은 이름이 지정된 라우트를 지정할 수도 있다.

Vue.js 공식 문서에 있는 가이드 뜯어먹기

내부 값을 취하고 반응적이고 변경 가능한 ref 객체를 반환ref 객체에는 .value 내부 값을 가르키는 단일 속성이 있음인수가 ref이면 내부 값을 반환하고, 그렇지 않으면 인수 자체를 반환val = isRef(val) ? val.value : valReactive

watch : 특정 데이터가 변경되었을 때 실행, 새로운 데이터와 이전의 데이터를 가져옴 (lazy)watchEffect : 의존성이 있는 데이터에 대해서 즉각적으로 실행 (immediately)특정 반응 속성을 보고 싶거나, old value를 보고 싶을 떄 활용함수