13.插槽slot

无标签
发布日期:   2025-01-30
更新日期:   2025-01-30
文章字数:   145
阅读时长:   1 分

1.匿名插槽

2.具名插槽

具名插槽其实就是给插槽取个名字。一个子组件可以放多个插槽，而且可以放在不同的地方，而父组件填充内容时，可以根据这个名字把内容填充到对应插槽中

3.作用域插槽

在子组件动态绑定参数 派发给父组件的 slot 去使用

通过结构方式取值

4.动态插槽

插槽可以是一个变量名


  
      
  

const name = ref('header')
文章作者:   leader755
文章链接:   https://www.leader755.com/leader755/23505.html
版权声明:   本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。转载请注明来源 leader755 !
无标签
赏
评论
 上一篇
12.动态组件 12.动态组件
在挂载点使用component标签，然后使用v-bind:is=”组件”,通过 is 切换 A B 组件 import A from './A.vue' import B from './B.vue' 使用场景：ta
2025-01-30 leader755
下一篇 
14.异步组件&代码分包&suspense 14.异步组件&代码分包&suspense
异步组件在大型应用中，我们可能需要将应用分割成小一些的代码块 并且减少主包的体积这时候就可以使用异步组件 顶层 **<font style="color:rgb(79, 79, 79);">await<
2025-01-30 leader755
  目录