Vue slot

Vue slot,第1张

slot

props传递数据、events触发事件和slot内容分发构成了Vue组件的3个API来源,再复杂的组件也是由这3部分构成的。
slot分发的内容,作用域是在父组件上

单个slot

在子组件内使用特殊的元素,就可以为这个子组件开启一个slot插槽,在父组件里,插入在子组件标签内的所有内容将替代子组件的标签及它的内容



子组件内的备用内容,它的作用域是子组件本身

具名slot

元素指定一个name后可以分发多个内容,具名slot可以与单个slot共存



子组件中没有使用name属性的都将作为默认的slot出现,在父组件没有使用slot特性的元素与内容都在将出现在这里

作用域插槽

作用域插槽是一种特殊的slot,使用一个可以复用的模板替换已渲染元素

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1297920.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存