vue创建路由

#路由的使用

		<div id="app">
			<div>
				<!--使用router-link 组件来导航-->
				<router-link to="/test1">组件一</router-link> |
				<router-link to="/test2">组件二</router-link>
			</div>
			<!--路由出口-->
			<router-view></router-view>
		</div>

			//创建两个局部组件
			const test1 = {
				template: "<div>我是组件一</div>"
			};
			const test2 = {
				template: "<div>我是组件二</div>"
			};
			//定义路由
			const routers = [{
					path: "/test1",
					component: test1
				},
				{
					path: "/test2",
					component: test2
				}
			];
			//创建路由实例
			const router = new VueRouter({
				//这里的键名一定是routes(注意这里的routes没有r)
				routes:routers
			})
			//创建和挂载vue实例
			new Vue({
				router
			}).$mount("#app")