路由懒加载
前言:
我们都知道网页默认刚打开的时候,就去加载了所有的页面,首屏加载速度变得很缓慢。而路由懒加载就是只加载你当前进入的那个模块页面。按需加载路由对应的资源,可以提高首屏加载速度( 注: 首页不用设置懒加载,而且一个页面加载过后再次访问是不会重复加载的)。
实现原理:
将路由相关的组件,不再直接导入了,而是改写成异步组件调用的方法,只有当函数被调用到的时候,才去加载对应的组件内容。
普通路由配置
import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '@/views/login/index.vue'
import Home from '@/views/home/home.vue'
Vue.use(VueRouter)
const router = new VueRouter(