说一说vue-router 实现懒加载的方法?| 面试题

223 阅读1分钟

说一说vue-router 实现懒加载的方法?

要点: import、require


vue-router 实现懒加载的方法有两种

ES6的import方式:
component: () => import( /* webpackChunkName: "about" */ '../views/About.vue'),
VUE中的异步组件进行懒加载方式:
component: resolve=>(require(['../views/About'],resolve))


vue-router 实现懒加载的作用:性能优化,不用到该路由,不加载该组件。