vue-router用于單頁網(wǎng)站，多頁不適合。
1.main.js
//引入vue和入口模板
import Vue from 'vue';
import app from './app.vue';
//引入vue-router 和 自己寫的路由規(guī)則
import VueRouter from 'vue-router';
import router from './router.js';
//vue和vue-router是兩個(gè)對(duì)象裳仆，用vue-router要先use一下
Vue.use(VueRouter);
let vm = new Vue({
el : '#app',
data : {},
methods : {},
render : function(createElement){
return createElement(app);
},
router
})
2.router.js
//router.js
//引入組件
import login from './templates/login.vue';
import register from './templates/register.vue';
//
//路由
import VueRouter from 'vue-router';
let router = new VueRouter({
routes : [
{
path : '/login',
component : login,
},
{
path : '/register',
component : register
}
]
})
//所有js羡棵、vue文件都應(yīng)該暴露出去
export default router
