Vue3:插槽（slot，useSlots，useAttrs）

1.插槽 

       1. 组件FancyButton

 
          Click me!
  

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

 

 

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

        3.渲染DOM

Click me!
 

2.defineExpose

使用 
 

 

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

3.useSlots() 和 useAttrs()

  在       

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