2019-02-18 vue组件基础篇6

• 组件高级用法
  递归组件

组件在它的模板内可以递归地调用自己，只要给组件设置name的选项就可以了。设置name后，在组件模板内就可以递归使用了，不过需要注意的是，必须给一个条件来限制递归数量，否则会抛出错误：max stack size exceeded。

内联模板

在自定义组件中添加inline-template,组件就会把其内容当做template模板。
在父组件中声明的数据message和子组件中声明的数据msg，两个都可以渲染（如果同名，优先使用子组件的数据）。这反而是内联模板的缺点，就是作用域比较难理解，如果不是非常特殊的场景，建议不要轻易使用内联模板。

        
            

                
在父组件中定义子组件的模板
                
{{ message }}
                
{{ msg }}
            
        

动态组件

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

        
        切换到A
        切换到B
        切换到C

动态地改变currentView的值就可以动态挂载组件了。也可以直接绑定在组件对象上。