需求: 点击按钮,异步加载组件
先放效果图,直观感受下。
目录结构:
直接上代码:
注意点:
1. 如果只是需要异步加载,不用点击按钮的话,即先下载其他组件,再下载异步组件的话,直接使用官网setTimeOut的写法即可:
此时就不用写v-if了。timeout你设置的时间长一点,就可以看出是异步加载的了。
2.如果是点击加载的话,一定要写v-if,不然会报错,说test组件未注册。v-if
是惰性的,只有当第一次值为true时才会开始初始化。
需求: 点击按钮,异步加载组件
先放效果图,直观感受下。
目录结构:
直接上代码:
注意点:
1. 如果只是需要异步加载,不用点击按钮的话,即先下载其他组件,再下载异步组件的话,直接使用官网setTimeOut的写法即可:
此时就不用写v-if了。timeout你设置的时间长一点,就可以看出是异步加载的了。
2.如果是点击加载的话,一定要写v-if,不然会报错,说test组件未注册。v-if
是惰性的,只有当第一次值为true时才会开始初始化。