뷰 라우터란?
뷰 라이브러리를 이용하여 싱글 페이지 어플리케이션을 구현할 때 사용하는 라이브러리
뷰 라우터 설치
프로젝트에 뷰 라우터를 설치하는 방법은 CDN 방식과 NPM 방식이 있다.
그 중 CDN 방식으로 설치한 예제는 아래와 같다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router@3.5.3/dist/vue-router.js"></script>
<script>
var router = new VueRouter({
});
new Vue({
el: '#app',
router: router
});
</script>
</body>
</html>
해당 소스를 Open with Live Server로 실행시켜 보면 Vue 인스턴스에 VueRouter가 잘 주입이 된 걸 확인할 수 있다. ($route)
'개발 > Vue.js' 카테고리의 다른 글
| [Vue.js] 같은 컴포넌트 레벨 간 통신 (0) | 2022.12.19 |
|---|---|
| [Vue.js] 컴포넌트 통신 방식(Props, Event) (0) | 2022.12.19 |
| [Vue.js] Vue, 뷰 인스턴스, 뷰 컴포넌트 (0) | 2022.12.18 |
| [Vue.js] 시작하기 - 프로그램 설치 (0) | 2022.12.18 |