1.main.js
import Vue from ‘vue’
//导入VueRouter并且安装
import VueRouter from ‘vue-router’
Vue.use(VueRouter)
import account from ‘./account.vue’
//导入路由模块
import router from ‘./router.js’
var vm = new Vue({
el: ‘#app’,
data: {
msg: ‘123’
},
render:e=>e(account),
//挂载路由
router:router
})
#2.router.js
import VueRouter from ‘vue-router’
//导入组件
import login from ‘./login.vue’
import register from ‘./register.vue’
import findpwd from ‘./subcom/findpwd.vue’
import thirdpartlogin from ‘./subcom/thirdpartlogin.vue’
//创建路由对象
var router = new VueRouter({
routes: [
{ path: ‘/‘, redirect: ‘/login’ },
{ path: ‘/login’,
component: login,
children:[
{path:’findpwd’,component:findpwd},
{path:’thirdpartlogin’,component:thirdpartlogin}
]
},
{ path: ‘/register’, component: register }
]
});
//导出路由对象
export default router;