官方教程: https://cn.vuejs.org/v2/guide/

vue solt 插槽使用

如果现在事先模板中不知道需要什么内容,需要在使用时传递 就可以使用插槽with来实现,这种效果! 类似ThinkPHP中的模板继承 的block 标签的功能

匿名插槽

顾名思义就是没有名字的插槽, 匿名插槽只能有一个

    
            
    
    
             
       
       
 这是使用了插槽,如果没有插槽,这里的内容不会显示 
 
          
     
    
    
    
    复制代码

实名插槽

实名插槽可以有多个,在使用时必须使用name属性来标识

    
            
    
         
             
      
                   这是在使用时传入的内容...            
               
      
    
     
    
    
    
    复制代码

插槽可以设置默认值,定义了不使用就会使用默认值, 如果没有名字的标签的标签默认会放到default(即匿名插槽)