vue插槽slot

前言

当父组件在使用一个子组件的时候，可以使用单标签的形式，也可以使用双标签的形式，比如 或者。当时使用双标签的形式时，如果我们在两个标签中放入一些内容，比如hello world，子组件是可以通过插槽slot来获取标签中的内容，下面是官网的几个demo

demo1

    
        
        
    

    
        

            
            这是父组件上的一些内容
        
    

demo2-具名插槽

    
        
        
    
    
        

            
                
              
            
              
A paragraph for the main content.
              
And another one.
            
              

                页面底部信息
              
            
        
    

demo3-默认值

    
        
        
    
    
        

            提交
            
            
        
    

demo4-作用域插槽