Vue组件化-插槽Slot

认识插槽Slot

如何使用插槽slot?


插槽的默认内容

多个插槽的效果

具名插槽的使用

 ◼ 事实上,我们希望达到的效果是插槽对应的显示,这个时候我们就可以使用具名插槽:
  具名插槽顾名思义就是给插槽起一个名字,<slot> 元素有一个特殊的attribute:name;
  一个不带name 的slot,会带有隐含的名字default

动态插槽名


具名插槽使用的时候缩写

渲染作用域

渲染作用域案例

认识作用域插槽

作用域插槽的使用


独占默认插槽的缩写

默认插槽和具名插槽混合

posted @   韩德才  阅读(15)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示