πŸ“Œ$router

Router μΈμŠ€ν„΄μŠ€

β†’ pageλ₯Ό 이동할 수 있게 ν•΄μ£ΌλŠ” 객체

β†’ μ›Ή μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜ μ „μ²΄μ—μ„œ λ”± β€˜ν•˜λ‚˜β€™λ§Œ 쑴재

μ „λ°˜μ μΈ λΌμš°ν„° κΈ°λŠ₯을 관리

ν”„λ‘œνΌν‹° / λ©”μ„œλ“œλͺ… μ„€λͺ…
app λΌμš°ν„°λ₯Ό μ‚¬μš©ν•˜λŠ” Root Vue μΈμŠ€ν„΄μŠ€
mode λΌμš°ν„° λͺ¨λ“œ
currentRoute ν˜„μž¬ λΌμš°νŠΈμ— λŒ€ν•œ Route 객체
push(location) νŽ˜μ΄μ§€ 이동 μ‹€ν–‰(νžˆμŠ€ν† λ¦¬μ— μƒˆ μ—”νŠΈλ¦¬ μΆ”κ°€O)
replace(location) νŽ˜μ΄μ§€ 이동 μ‹€ν–‰(νžˆμŠ€ν† λ¦¬μ— μƒˆ μ—”νŠΈλ¦¬ μΆ”κ°€X)
go(n) νžˆμŠ€ν† λ¦¬μ—μ„œ n단계 이동
back( ) νžˆμŠ€ν† λ¦¬μ—μ„œ ν•œ 단계 λŒμ•„κ°
foward( ) νžˆμŠ€ν† λ¦¬μ—μ„œ ν•œ 단계 μ•žμœΌλ‘œ 감
addRoute(routes) λΌμš°ν„°μ—μ„œ λ™μ μœΌλ‘œ 라우트λ₯Ό μΆ”κ°€

πŸ“Œ$route

Route 객체

β†’ ν˜„μž¬ νŽ˜μ΄μ§€μ— λŒ€ν•œ 정보

β†’ ν˜„μž¬ ν™œμ„±ν™”λœ 라우트의 μƒνƒœλ₯Ό μ €μž₯ν•œ 객체

νŽ˜μ΄μ§€ 이동 λ“±μœΌλ‘œ λΌμš°νŒ…μ΄ λ°œμƒν•  λ•Œλ§ˆλ‹€ 생성

ν”„λ‘œνΌν‹° / λ©”μ„œλ“œλͺ… μ„€λͺ…
path ν˜„μž¬ 라우트의 경둜λ₯Ό λ‚˜νƒ€λ‚΄λŠ” λ¬Έμžμ—΄
params μ •μ˜λœ URL νŒ¨ν„΄κ³Ό μΌμΉ˜ν•˜λŠ” νŒŒλΌλ―Έν„°μ˜ key-value μŒμ„ λ‹΄κ³ μžˆλŠ” 객체
query 쿼리 λ¬Έμžμ—΄μ˜ key-value μŒμ„ λ‹΄κ³  μžˆλŠ” 객체
hash ν˜„μž¬ URL에 URL ν•΄μ‹œκ°€ μžˆμ„ 경우 라우트의 ν•΄μ‹œκ°’μ„ κ°–λŠ”λ‹€. ν•΄μ‹œκ°€ μ—†λ‹€λ©΄ 빈 객체 λ°˜ν™˜
fullpath 쿼리 및 ν•΄μ‹œλ₯Ό ν¬ν•¨ν•˜λŠ” 전체 URL
name 이름을 가진 라우트인 경우, 라우트의 이름