본문 바로가기
컴퓨터/CSR (React, Vue)

[Vue] 뷰 router 4버전 설치 및 사용_ url parameter (4)

by 버니케이 2023. 4. 3.
반응형

 

 

뷰js 에서 사용하기

 

뷰의 router.js 의 path 에 

/detail/:id

꼴로 적어주면 url parameter 를 사용할 수 있음

const routes = [
  {
    path: "/detail/:id",
    component: DetailContent,
  },

];

 

+

/detail/:id/:id2/:id3

이렇게 파라미터 여러개 전달 가능

 

 

https://gallery-k.tistory.com/408

 

[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는

gallery-k.tistory.com

templete 에서 $route.params 을 사용하면

url parameter 데이터 사용 가능.

 

 

 

 

 

 


 

➕ url parameter 

 

 

url parameter 가 뭐냐면

 

/  ⬅⬅ 를 기준으로

URL 매개 변수를 사용하여 페이지를 만들어주는거

 

 

 

이거 지금 티스토리 상단 주소 긁어온건데,

주소/ 숫자

이렇게 되어있음

 

주소/1

주소/2

주소/3

...

주소/100000

 

이런 식으로 페이지를 여러 개 만들 수가 있음

 

 

반응형

댓글