懒加载

当打包构建应用时,JavaScript包会变的很大,影响页面加载。如果我们把不同路由对应组件分割成不同的代码块,
然后当路由被访问的时候才加载对应组件,这样就会更加高效
vue Router支持开箱即用的动态导入,这意味着你可以用动态导入代替静态导入
将import Login from '@/views/Login'
替换为
let Login = function(){
return import('@/views/Login')
}
或者
let Login=() => import('@/views/Login')
posted @ 2024-08-31 20:24  洛飞  阅读(4)  评论(0编辑  收藏  举报