📚 Reference

• 공식 문서 1
• 공식 문서 2
• GitHub 1
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3
• 참고 자료 4
• 참고 자료 5
• 참고 자료 6
• 참고 자료 7

📜 Chapter

export & import

‣

React Router

‣

Vue Router

• Vue Router
• 여러 개의 화면 간에 이동하는 방법

var Main = {template: '<div>main</div>'};
var Login = {template: '<div>login</div>'};

var router = new VueRouter({
	routes: [
		{path: '/main', component: Main},
		{path: '/login', component: Login},
]
});

• 라우터: 페이지를 이동할 때 사용하는 공식 라이브러리.
• router에서 component 속성은 1개의 컴포넌트만 뿌린다.
• #: 해시를 없애는 것 → mode: 'history'
• router-view: URL이 변경되면서 컴포넌트가 뿌려지는 영역
• router-link: <a href=""></a> 역할

설치

# NPM
npm install vue-router@4

# YARN
yarn add vue-router@4