vue异步加载

1. 什么是异步组件？

即只在组件需要渲染的时候进行加载渲染并缓存。

2. 为什么需要异步加载组件？

当项目功能越来越多，所包含的子组件也越来越多，导致页面加载，访问速度过慢，所以需要优化页面加载的性能。

3. 异步加载组件方法

• 可以使用懒加载，即 () => import ( 地址)

• 关于路由懒加载：VUE：实现路由懒加载

• 使用require

// 全局组件注册
Vue.component('Home, function (resolve) {
    
    
  // 这个特殊的 `require` 语法将会告诉 webpack
  // 自动将你的构建代码切割成多个包，这些包
  // 会通过 Ajax 请求加载
  require(['./Home'], resolve)
})


// 局部组件注册
new Vue({
    
    
  components: {
    
    
    'Home': () => resolve => {
    
     require(['./Home'], resolve) }
  }
})