插槽

1，默认插槽

slot用于组件内，也就是相当于占位符，例如：有两个组件demo1.vue,demo2.vue
如果写在demo1.vue 中，然后在demo2.vue组件引用子组件demo1.vue,那在demo2中的插入的内容标签“插入的内容“就会替换掉demo1中的标签，相当于占位符。
例如：
demo1.vue

demo2.vue

        
            
内容1
            
123
        
    

上面的例子中，demo1中的

待替换的内容区

会被demo2中的

内容1
123

替换。

2，具名插槽

在组件中demo3.vue中编写

在demo4..vue中编写

用slot中的name属性绑定名字，然后在demo4中给标签一个slot属性绑定关联到对应的内容

3，作用域插槽

例子：
代码：

    
    
    
    



    

        
        
        
        
        
            
            
            编辑
            
        
        
--------------
        
            删除
        
    

通过slot-scope指令绑定slot标签上面属性的集合,用于传值。在上面例子中，子组件定义了username,age,idx三个自定义属性，在父组件中，用slot-scope属性接收这个自定义属性。