vue中的slot插槽

一、基本使用

1.需要重复使用的部分封装成组件slotCom.vue

2.在需要使用组件的文件中，引入并注册组件

3.组件中的button和del会展示在所在的位置；

• 第三个里面没有写内容，所以只展示name和age
  

二、插槽的默认值

• 可以给插槽设置默认内容
• 在里面没有写内容，就展示默认内容，规定了内容的就展示规定内容
  

三、具名插槽

1.使用name="xxx''给前三个slot插槽命名，里的内容只会影响第四个不具名插槽，前三个具名插槽不受影响；

2.在父组件中找到子组件标签，标签内书写slot=‘slot对应的name属性值’,可以修改指定的内容