首页 > 其他分享 >Vue组件化-插槽Slot

Vue组件化-插槽Slot

时间:2024-10-31 15:43:35浏览次数:1  
标签:Slot slot Vue 作用域 插槽 具名 默认

认识插槽Slot

如何使用插槽slot?


插槽的默认内容

多个插槽的效果

具名插槽的使用

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

动态插槽名


具名插槽使用的时候缩写

渲染作用域

渲染作用域案例

认识作用域插槽

作用域插槽的使用


独占默认插槽的缩写

默认插槽和具名插槽混合

标签:Slot,slot,Vue,作用域,插槽,具名,默认
From: https://www.cnblogs.com/hdc-web/p/18517971

相关文章