728x90 뷰 라우터2 [Vue.js] 뷰 라우터 params 전달 feat. vue-router [Vue.Js] 뷰 라우터 Params 전달 feat. vue-router 뷰 라우터를 통해 SPA를 구현하였다면 이제는 어떻게 분기된 라우터 간 구분값(?)을 전달할수 있을까 이다 위에서 언급한 구분값은 데이터가 될수도 있고 단순히 페이지 로딩에 필요한 해당 페이지의 아이디 정보가 될수도 있다. 기본 형태 [routes 설정] //라우터 path 에 id 입력 가능 설정 const routes = [ { path : '/blog/:id', component : Detail }, { path : '/List', component : List } ] [라우팅페이지.vue] //url에 입력한 params 중 id 값 $route.params.id 샘플 예제 아래 예제에서는 라우터에 param을 전달하여 해.. 2021. 8. 19. [Vue.js] 뷰 라우팅 feat. npm vue-router [Vue.Js] 뷰 라우팅 feat. npm vue-router 🌈 라우팅이란 ? 서버에서 웹 페이지를 미리 받아 놓고 새로고침 없이 원하는 부분만 해당 화면을 갱신하는 기술, 다른 말로 SPA (Single Page Application) 🌈 vue-router? 뷰에서 라우팅을 사용할수 있도록 공식 라이브러리로 지원 ⭐️ 설치 (vue-router 4 버전 이후 설치) npm i vue-router@4 ⭐️ 기본 형태 [router.js 파일] import { createWebHistory, createRouter } from "vue-router"; import 컴포넌트1 from './components/.....vue' import 컴포넌트2 from './components/.....vue' .. 2021. 8. 18. 이전 1 다음 728x90
