Vue插槽的理解

什么是插槽？

插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。举个例子：

1、先看一下下面的代码，声明一个child-component组件，如果现在我想在内放置一些内容，结果会是怎样？

    
    
    



    
使用slot分发内容
    

        
            
多云，最高气温34度，最低气温28度，微风
        
    

显示效果：输出内容还是在组件中的内容，在 内写的内容没起作用。

2、我们现在给组件增加一个插槽，则就起作用了

参考：

https://www.cnblogs.com/mandy-dyf/p/11528505.html