vue 插槽的使用、分类

1. 什么是插槽

插槽(Slot)是vue为组件的封装者提供的能力。允许开发者在封装组件时，把不确定、希望由用户指定的部分定义为插槽。

2. 插槽的使用

2.1 插槽的简单使用

定义插槽区域的语法

78.png

2.2 slot的name属性

• vue 官方规定，每一个slot插槽，都要有一个name名称
• 如果不指定，name的默认值是defalut
• 默认情况下，在使用组件的时候，提供的内容都会被填充到名字 为default的插槽中

79.png

2.3 v-slot的用法(指定要填充的插槽名)

可以在使用相关 组件的时候，根据插槽的name指定要填充的插槽位置

• v-slot这个指令只能用在components和