728x90
vue.js 프레임워크를 사용시 SPA(single page application) 특성상 router를 사용하여 페이지 이동하게된다.
첫번째 방식
선언적 방식으로 태그형태로 기재하고 속성값에 해당 주소 및 router 이름을 입력하여 사용할 수 있다.
| 선언적 방식 |
| <router-link:to="...."> |
두번째 방식
프로그래밍 방식으로 script 작성 시 각 라이프 사이클에서 특정 코드가 완료 된 후 페이지 이동이 필요하거나 params 와 같은 속성을 전달 받고 다시 특정 기능을 수행 후 다시 화면 전환이 필요 할 경우 사용할 수 있다. 이 밖에 다양한 경우가 있겠지만 추후 예시를 통해서 알 아보자.
| 프로그래밍 방식 |
| $router.push |
router.push(location, onComplete?, onAbort?)
참고: Vue 인스턴스 내부에서 라우터 인스턴스에 $router로 액세스 할 수 있습니다. 그러므로this.$router.push를 사용 할 수 있습니다.
전달인자는 문자열 경로 또는 로케이션 디스크립터 객체가 될 수 있습니다.
'웹프레임워크 > vue.js' 카테고리의 다른 글
| beforeRouteLeave 사용방법 (0) | 2022.02.05 |
|---|---|
| 라우터 이동 시 데이터 가져오기 (0) | 2022.02.04 |
| mounted, created 차이점 (0) | 2022.01.22 |
| firebase 파일 분화하여 적용 (0) | 2022.01.21 |
| v-for 구문 v-bind:key (0) | 2022.01.21 |