테이로그
close
프로필 배경
프로필 로고

테이로그

  • 전체보기
    • 👨‍💻 소개
    • 🧠 저장
      • HTML&CSS
      • Javascript
      • Typescript
      • Vue
      • React
      • Git
      • Http
      • etc.
    • 📃 기록
      • 개발자 일지
      • 프로젝트
      • 강의
      • 일상
    • 기타
    • 👨‍🎨 디자인
  • 홈
  • 소개
  • 일지

Vue 동적 세그먼트 활용 동적 라우트 매칭 (+404 Not Found Route)

Vue Router의 동적 세그먼트를 활용한 동적 라우트 매칭🍀 동적 세그먼트란?- 주어진 패턴을 가진 라우트를 동일한 컴포넌트에 매핑해야할 때 사용한다.  예를 들면 ...사용자 목록/users사용자 상세/users/tay사용자 목록인 /users 에 매핑된다면, 사용자 상세는 /users/tay 처럼 사용자별로 같은 컴포넌트에 매핑되어야 한다.이럴 때 vue router 경로에서 '동적 세그먼트'를 사용하여 해결한다.  🍀 route의 param으로 동적 세그먼트 /users/:id - 동적 세그먼트는 콜론(:)으로 표시한다. - 컴포넌트에서 동적 세그먼트의 값은 $route.params로 접근할 수 있다. route의 param 동적 세그먼트 접근 방법(1) vue router 설정한다. → ..

  • format_list_bulleted 🧠 저장/Vue
  • · 2024. 8. 13.
  • textsms
  • navigate_before
  • 1
  • navigate_next
전체 카테고리
  • 전체보기
    • 👨‍💻 소개
    • 🧠 저장
      • HTML&CSS
      • Javascript
      • Typescript
      • Vue
      • React
      • Git
      • Http
      • etc.
    • 📃 기록
      • 개발자 일지
      • 프로젝트
      • 강의
      • 일상
    • 기타
    • 👨‍🎨 디자인
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바