vue2中怎么异步加载组件

在 Vue2 中异步加载组件有两种方法：

1. 使用 `Vue.component()` 方法注册异步组件：

Vue.component('async-component', function (resolve, reject) {
  // 异步获取组件定义
  setTimeout(function () {
    resolve({
      template: '<div>异步组件</div>'
    })
  }, 1000)
})

2. 使用 `Vue.extend()` 方法创建异步组件：

Vue.component('async-component', function (resolve, reject) {
  // 异步获取组件定义
  setTimeout(function () {
    resolve({
      template: '<div>异步组件</div>'
    })
  }, 1000)
})

Vue.component('async-component-2', Vue.extend({
  template: '<div>异步组件2</div>',
  created: function () {
    // 异步获取组件数据...
  }
}))

在以上两种方法中，我们使用了 `function(resolve, reject)` 来接收异步获取组件定义的回调函数，然后在回调函数中使用 `resolve()` 方法来返回组件定义。在异步获取组件定义时，可以使用 `setTimeout()`、`fetch()` 或者其他异步方式来获取组件定义。