第一种,原始写法:
import Vue from "vue";
import Router from "vue-router";
import Login from '@/views/Login.vue';
Vue.use(Router);
export default new Router({
routes: [{
path: "/login",
name: "login",
component: Login,
}]
})
第二种 ,路由的懒加载
import Vue from "vue";
import Router from "vue-router";
import Login from '@/views/Login.vue';
Vue.use(Router);
const Login = ()=> import('@/views/Login.vue')
export default new Router({
routes: [{
path: "/login",
name: "login",
component: Login,
}]
})
第三种写法,路由懒加载
import Vue from "vue";
import Router from "vue-router";
Vue.use(Router);
export default new Router({
routes: [{
path: "/login",
name: "login",
component:resolve=>(require(["@/views/Login.vue"],resolve))
}]
})