Vue之slot插槽
2021-01-20 本文已影响0人
听书先生
个人理解:
插槽(Slot)是Vue用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。
Vue实现了一套内容分发的API,将slot元素作为承载分发内容的出口
list.vue ColorSlot.vue 运行结果匿名插槽:插槽在哪个位置,组件标签里内容就显示在哪里
list.vue ColorSlot.vue 运行结果图具名插槽:需要多个插槽时,可以利用<slot>元素的一个特性:name来定义具名插槽
在向具名插槽提供内容的时候,我们可以在一个<template>元素上使用 v-slot 指令,并以 v-slot 的参数的形式提供其名称