0
点赞
收藏
分享

微信扫一扫

VUE路由懒加载


路由懒加载(按需加载)

当打包构建应用时,js包会变的非常大,影响页面加载。如果我们能把不同路由对应的页面组件,当路由被访问时候,才去加载相对应组件,这样就会更加高效。

懒加载写法:

{
path: '/login',
name: 'Login',
component: () => import('../view/login.vue')
}

这里就是当路由跳转至login的时候,才会去加载对应的组件login.vue

正常加载写法:

import Home from '../views/Home.vue'
{
path; './',
name: 'Home',
component: Home
}

这个就是不管有没有访问Home,都直接给加载进来,影响运行速度

举报

相关推荐

0 条评论