插槽

定义:定义子组件的时候,在子组件内部刨了一个坑,父组件想办法往坑里填内容;
1.单个插槽

1.1定义插槽:在子组件作用域中,使用 定义一个插槽;
1.2.使用插槽:在父作用域中使用带有插槽的组件时,组件内容区域中的内容,会插入到插槽中显示;
父组件给子组件的插槽内填内容

        
        
12345
复方草珊瑚

汗滴禾下土

汗滴禾下土

打印结果

2.具名插槽
2.1.如果在一个组件中,定义了多个slot插槽,则必须为每个插槽起一个name名称
2.2.如果要往插槽里面填充内容,但是没有提供具体的插槽名称,此时,内容会默认填充到没有name属性的slot中,如果slot不带name属性,则把它称为默认插槽

        

12345

12345

汗滴禾下土

3.作用域插槽
3.1.作用域插槽,就是子组件在定义slot标签的时候,提供了一些插槽的数据,将来哪些内容放到slot标签插槽中,则那些内容就可以使用为你提供的数据
2.插槽通过属性节点,把一些数据返回给父作用域,父作用域就可以通过slot-scope来接收,把接收的数据再进行使用

    
    

数据 --- {{scope}} -- {{scope.sinfo.name}}

](https://upload-images.jianshu.io/upload_images/13336975-829ce5dad1004a05.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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