Vue非同期ロード

1.非同期コンポーネントとは何ですか？

つまり、コンポーネントをレンダリングする必要がある場合にのみ、ロード、レンダリング、およびキャッシュを行います。

2.コンポーネントを非同期でロードする必要があるのはなぜですか？

プロジェクトの機能が増えるにつれ、含まれるサブコンポーネントも増え、ページの読み込みやアクセスが遅くなるため、ページの読み込みのパフォーマンスを最適化する必要があります。

3.非同期負荷コンポーネント方式

• 遅延読み込みを使用できます。つまり、（）=> import（address）

• 遅延読み込みのルーティングについて：VUE：遅延読み込みのルーティングの実現

• 使用が必要

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


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