Vue路由/组件按需加载

Vue性能优化

import介绍

import命令会被 JavaScript 引擎静态分析，先于模块内的其他模块执行。

因此import xxx from 'xx’会优先加载该组件 但是在很多时候并不需要优先加载 这样会在组件多的时候影响速度 此时建议引入import()函数，完成动态加载

一 路由懒加载

component: () => import('@/view/access_control/xxx')

二 组件按需加载

const uploadsRule = () => import("../components/uploadsRule")

…end