举个vue点击按钮实现异步加载组件的例子

可以使用 Vue 的异步组件来实现。例如：

<template>
<div>
<button @click="loadComponent">加载组件</button>
<component :is="currentComponent"></component>
</div>
</template>

<script>
export default {
data() {
return {
currentComponent: null
}
},
methods: {
loadComponent() {
import('./MyComponent.vue').then(component => {
this.currentComponent = component.default
})
}
}
}
</script>

在这个例子中，我们使用了 import() 函数来异步加载 MyComponent.vue 组件。当用户点击按钮时，loadComponent 方法会被调用，然后使用 import() 函数来加载组件。一旦组件加载完成，我们就可以将其设置为 currentComponent，然后 Vue 会自动渲染它。