Question

vue-组件-插槽

Answer 1

插槽是指把任意内容插入指定的位置，而这个位置使用``作为占位符
简单的来说就是 在组件的某个节点内预留一个位置，当父组件调用该组件的时候可以指定该位置具体的内容子组件内插糟v-slot控制摆放位置

**匿名插槽(也叫默认插槽): **
**具名插槽: **相对匿名插槽组件slot标签带name命名的
作用域插槽: 子组件内数据可以被父页面拿到(解决了数据只能从父页面传递给子组件)

没有命名,有且只有一个

DefaultSlot.vue

ChildSlot.vue

主要是利用 slot 的name属性，可以用来定义额外的插槽 ，不带 name 的'slot'会默认带隐含的名字“default”

NameSlot.vue

作用域插槽 比前面的多了一个功能,父组件可以接收到子组件的数据，并且可以对数据进行操作

用于将子组件的数据显示到父组件，但样式，由父组件决定。

组件在只有自己的子组件会使用自己提供的数据时，通常出现在遍历渲染时

ScopeChildSlot.vue