Vue 插槽

目录

作用

分类

使用

---

作用

        让父组件能够在子组件指定位置中插入HTML结构。

分类

• 默认插槽
• 具名插槽
• 作用域插槽

使用

• 默认插槽：将父组件中的所有HTML 结构放入子组件中的默认插槽；

父组件中：
        
           
html结构1
        

子组件中：
        

• 具名插槽：对应名称插槽，放置时可以使用多个并且一 一与name对应；

父组件中：
        

            写法一：不带template 使用slot
            

              
html结构1
            

            写法二：使用template 使用slot或者v-slot
            
        
子组件中：
        

• 作用域插槽：必须使用template标签包裹，可以带名字。使用scope接收传递过来的对象，名字自定义。

父组件中：
         
		
			
		
         
		
			
		

子组件中：