Vue起个步最烦人的路由

就简单点 毕竟现在比较忙，没空美化~

第一部分:不用模块化

<div id="app">

	<router-link to="/aaa">去aaa的这个组件</router-link>

	<router-link to="/bbb">Go to Bar</router-link>
	<!--aaa,bbb的组件会被加载在下面的标签-->

<router-view></router-view>

	// 1. 定义（路由）组件，也可以从其他文件 import 进来。
	const aaatem={ template:'<div>aaa</div>'}
	const bbbtem={ template:'<div>bbb</div>'}

	// 2. 定义路由
	const routes = [
    	{path:'/aaa',component:aaatem},
    	{path:'/bbb',component:bbbtem}
	]

	// 3. 创建router实例，然后传routes的配置
	const router = new VueRouter({
    		routes:routes
	})

	// 4.创建挂载根实例。
	const app = new Vue({
   	router
	}).$mount('#app')