[Vue] 뷰 router 4버전 설치 및 사용_ router 와 route (2)

https://router.vuejs.org/guide/
⬆⬆ vue-router 4 참고...

 

 

 

1. router

router 는 페이지 이동관련 기능

• $router.push('/detail/0') 원하는 페이지로 이동
• $router.go(1) 앞으로 한페이지 이동
• $router.go(-1) 뒤로가기 한번 (-2는 두번)

<div>
  <h5
      @click="$router.push('/detail/0')"
    >제목</h5>
</div>

 

 

 

2. route

• $route: 현재 URL 정보가 담겨있음
• $route.params: 현재 URL 정보의 파라미터 (여러개 존재할 수 있음)
• $route.params.id: 현재 URL 정보의 id 파라미터

<div>
  <h5> {{블로그글[$route.params.id].title}} </h5>
</div>