반응형
router-> 페이지를 이동할때 사용하는 뷰 공식 라이브러리
설치 -> CDN 방식으로 스크립트로 주입, NPM 방식
뷰 라우터 등록 -> 라우터 인스턴스를 만들고, 뷰 인스턴스를 만들고 라우터 인스턴스를 뉴 인스턴스에 연결
toutes -> 페이지에 정보들이 들어가는 속성, 페이지의 url과 component를 연결하는 속성
router-link -> 실제 뿌려질땐 <a href="">로 뿌려지는 페이지 링크 태그
라우터 안에는 components 가 아니라 component 다.
해당 페이지마다 뿌려질 component는 무조건 하나기 때문에.
(중급) Vue.js 라우터 네비게이션 가드 알아보기
뷰 라우터를 사용할 때 알아두면 좋은 네비게이션 가드 설명. 특정 페이지로 넘어가기 전에 검증 로직 추가하기
joshua1988.github.io
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
| 34. vue-todo 프로젝트 | 컴포넌트 생성 및 등록 (0) | 2022.07.23 |
|---|---|
| 33. 컴포넌트 설계 방법 (0) | 2022.07.18 |
| 11. 라우터가 표시되는 영역 및 <router-view> 태그 (0) | 2022.07.09 |
| 9. 뷰 라우터 소개와 설치 (0) | 2022.07.09 |
| 6. 전역 컴포넌트 | 지역 컴포넌트 | 컴포넌트와 인스턴스의 관계 | Props 속성 (0) | 2022.07.07 |