Vue专题Vue前端开发那些事儿

Vue之slot插槽

2021-01-20  本文已影响0人  听书先生

个人理解:

    插槽(Slot)是Vue用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。

    Vue实现了一套内容分发的API,将slot元素作为承载分发内容的出口

匿名插槽:插槽在哪个位置,组件标签里内容就显示在哪里

list.vue ColorSlot.vue 运行结果

具名插槽:需要多个插槽时,可以利用<slot>元素的一个特性:name来定义具名插槽

在向具名插槽提供内容的时候,我们可以在一个<template>元素上使用 v-slot 指令,并以 v-slot 的参数的形式提供其名称

list.vue ColorSlot.vue 运行结果图
上一篇下一篇

猜你喜欢

热点阅读