vue异步组件使用方法，点击按钮加载组件

需求： 点击按钮，异步加载组件

先放效果图，直观感受下。

 目录结构：

直接上代码：

注意点：

1. 如果只是需要异步加载，不用点击按钮的话，即先下载其他组件，再下载异步组件的话，直接使用官网setTimeOut的写法即可：

此时就不用写v-if了。timeout你设置的时间长一点，就可以看出是异步加载的了。

2.如果是点击加载的话，一定要写v-if，不然会报错，说test组件未注册。v-if是惰性的，只有当第一次值为true时才会开始初始化。