Vue学习笔记 —— vue路由懒加载及组件懒加载

vue路由懒加载及组件懒加载

vue路由懒加载

为什么要使用路由懒加载？为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。

常用的懒加载方式有两种：

• 使用vue异步组件

  component：resolve=>(['需要加载的路由的地址'，resolve])
  

• 使用ES6中的import

  const HelloWorld = （）=>import('需要加载的模块地址')
  

1、未用懒加载，vue中的路由代码如下：

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/views/About'

Vue.use(Router)

export default new Router({
   
  routes: [
    {
   
      path: '/',
      name