基本路由

<div id='app'>
    <router-link to='/login'>login</router-link> //router-link用来导航
    <router-link to='/regist'>regist</router-link>
	<router-view></router-view> //路由匹配的组件于此渲染
</div>

const login = {
    template: '<h3>登陆界面</h3>'
};
const regist = {
    template: '<h3>注册界面</h3>'
}; //定义路由组件
const routes = [{ //定义路由
    path: '/',
    redirect: '/login' //重定向，打开页面时默认渲染的组件
}, {
    path: '/login', //根据路由路径分配组件
    component: login
}, {
    path: '/regist',
    component: regist
}];
const router = new VueRouter({ 配置路由
    routes //相当于routes:routes;
});
const app = new Vue({ //创建并挂载根实例
    router
}).$mount('#app');