import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue"; // 非懒加载路由
Vue.use(VueRouter);
const routes = [
{
path: "/",
name: "Home",
component: Home, // 非懒加载路由
},
{
path: "/about",
name: "About",
component: () => import("../views/About.vue"), // 懒加载路由
},
];
const router = new VueRouter({
routes,
});
export default router;
为什么要懒加载路由?
只有点击路由时才会加载该路由,可以减少加载压力。