반응형 vue-router2 Vue Router(1) 라우터란? (Router) vue에서 말하는 라우터는 URL에 따라 어떤 페이지를 보여줄지 매핑을 해주는 라이브러리이다. 설치 npm install vue-router 정의 [라우터/ router] 경로: src/router/index.js 해당 경로에 라우터 객체를 생성한다. [라우트/ route] 각 라우트들은 URL에 대한 컴포넌트를 매핑해줄 정보를 정의한다. 사용방법 1. routes 정의하기 각 route에 대한 매핑정보를 정의하고 routes 배열을 생성한다. // src/router/index.js import HomeView from '@/views/HomeView.vue'; import AboutView from '@/views/AboutView.vue'; const routes = [ .. 2023. 1. 2. Vue Router [뷰 라우터란] - 페이지간 이동을 위한 라이브러리 - 페이지 이동 시 url변경, 변경된 요소의 영역 컴포넌트를 갱신한다. router 설치 - vue3부터는 vue-router가 아닌 vue-router@next를 설치한다. npm install vue-router@next 폴더 / 모듈 생성 src / router 폴더를 생성하고 폴더 안에 index.js로 라우터 모듈을 생성한다. [폴더 구조] ├── router │ └── index.js ├── App.vue └── main.js [router/ index.js 모듈] import { createRouter, createWebHistory } from "vue-router"; import Home from "../views/Home.vue"; .. 2022. 12. 26. 이전 1 다음 728x90 반응형