路由懒加载(按需加载)
当打包构建应用时,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,都直接给加载进来,影响运行速度