vue中使用插槽slot和应用场景

步骤1、在子组件中设置插槽位置。

步骤2、在父组件中插入插槽内容。

为啥有插槽：

slot插槽这个东西开始于vue2.1，在没有slot插槽之前，vue中的子组件标签中是不弄包含任何标签的，但对开发者来说，有时候想在标签中间加一些标签的需求。

插槽它是什么：

插槽，相当于vue中的占位符。在组件中给开发者提供一个HTML模板位置，可以用来传入一些东西。插槽又分为 匿名插槽、具名插槽、作用域插槽（父子组件可以传递数据的插槽）。
在vue2.6版本时，插槽有了新的指令v-slot。在这之前是slot和slot-scope的语法

匿名插槽、具名插槽、作用域插槽的区别

首先，具名插槽和匿名插槽（父子无法传递数据）

作用域插槽（子组件的数据可以在父组件中拿到）