vue 插槽slot

具名插槽

使用的时候将需要的内容写在template标签中,并且通过v-slot:name(name表示插槽的名字)指令来指定插入的位置.


    

无名插槽

直接写需要插入的内容即可,内容将会插入到所有无名插槽中


    
hello world

vue-cli中应用

父组件


      //无名插槽
    {{getData}}
    插槽

    

子组件

        test页面的子组件
        
{{list}}

你可能感兴趣的:(vue 插槽slot)