Vue 递归、动态、异步组件

前面的话

前面介绍的提到的内联模板也是属于组件高级用法，在实际业务中不是很常用，但是在独立组件开发时可能会用到。

递归组件

组件在它的模板内可以递归地调用子，只要给组件设置name选项就可以了。

动态组件

Vue.js提供了一个特殊的元素用来动态地挂载不同的组件，使用is特性来选择要挂载的组件。

 

        
        切换页面     
    
 

异步组件

当工程足够大时，使用的组件足够多时，是时候考虑下性能的问题了，因为一开始把所有的组件都加载是没有必要的一笔开销。 Vue.js允许将组件定义为一个工厂函数，动态的解析组件。Vue.js只在组件需要渲染时触发工厂函数，并且把结果缓存起来，用于后面的再次渲染。

工厂函数接受一个resolve回调，在收到从服务器下载的组件定义时调用。也可以调用reject（reason）指示加载失败。这里setTimeout只是为了演示异步，具体的下载逻辑可以自己决定。

关于异步组件后面还会单独的详细介绍。