举个vue异步加载组件的例子

可以使用 Vue 的异步组件来实现异步加载组件的功能，例如：

Vue.component('async-component', function (resolve, reject) {
setTimeout(function () {
resolve({
template: '<div>这是一个异步加载的组件</div>'
})
}, 100)
})

在上面的代码中，我们定义了一个名为 async-component 的组件，并且使用了 Vue.component 方法来注册它。在组件的定义中，我们传入了一个函数作为第二个参数，这个函数接收两个参数：resolve 和 reject。在函数内部，我们使用 setTimeout 来模拟异步加载的过程，并在 1 秒后调用 resolve 方法来返回组件的定义。最后，我们在组件的定义中使用了一个简单的模板来展示组件的内容。