vue3插槽

发表于 | 更新于 | 分类于 | 阅读次数

基本内容

定义一个组件com，使用slot标签占位：

1
2
3
vm.component('com', {
    template: `<div><slot></slot></div>`
})

使用这个组件com：

1
2
3
<div>
    <com>是非成败转头空，浪花淘尽英雄。</com>
</div>

组件com中的slot会被替换成是非成败转头空，浪花淘尽英雄。