Vue插槽的使用
一、什么是插槽?
子组件提供给父组件的占位符(就是父组件中引入子组件,子组件中的slot标签在父组件中占了个位置),用slot元素来表示父组件可以在这个占位符里面填充各种的模板代码 简而言之,就是子组件留了个坑,父组件可以使用指定的内容来填坑。
二、种类
1.匿名插槽(Default slot,可称默认插槽)
2.具名插槽(Named slot)
3.作用域插槽(Scoped slot)
1.匿名插槽(不带名字),直接留个slot坑,父组件不指定名字填的都会填到这个坑
2.具名插槽,父组件必须使用<template>标签中的v-slot属性去指定在哪个占位符去填(坑)
3.作用域插槽允许子组件将数据传递给父组件,以便父组件可以在插槽中使用