Vue3:插槽(slot,useSlots,useAttrs)

1.插槽?

? ? ? ?1. 组件FancyButton

? ? ????????Click me! ??

? ? ? ? 2.组件FancyButton的模板是这样的?

?

?元素是一个插槽出口?(slot outlet),标示了父元素提供的插槽内容?(slot content) 将在哪里被渲染。?

? ? ? ? 3.渲染DOM

?

2.defineExpose

使用? ?

?

??当父组件通过模板引用的方式获取到当前组件的实例,获取到的实例会像这样?{ a: number, b: number }?(ref 会和在普通实例中一样被自动解包)??

3.useSlots()?和?useAttrs()

??在???????

? useSlots 和 useAttrs 是真实的运行时函数,它的返回与 setupContext.slots 和 setupContext.attrs 等价。它们同样也能在普通的组合式 API 中使用。

?

?

上一篇:SEO人员,建立外链的注意事项有哪些?
下一篇:Wordpress与Drupal对比,如何选择?适合自己的才是正确的