Vue组件化-插槽Slot

认识插槽Slot

如何使用插槽slot?


插槽的默认内容

多个插槽的效果

具名插槽的使用

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

动态插槽名


具名插槽使用的时候缩写

渲染作用域

渲染作用域案例

认识作用域插槽

作用域插槽的使用


独占默认插槽的缩写

默认插槽和具名插槽混合

posted @ 2024-10-31 15:45  韩德才  阅读(14)  评论(0编辑  收藏  举报