Vue的slot怎么使用
这篇文章主要讲解了“Vue的slot怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Vue的slot怎么使用”吧!
成都创新互联专业为企业提供忠县网站建设、忠县做网站、忠县网站设计、忠县网站制作等企业网站建设、网页设计与制作、忠县企业网站模板建站服务,10年忠县做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
单个 Slot
在子组件内使用特殊的
子组件
如果父组件没用插入内容,我将作为默认出现
export default {
name: "sonSlot",
}
父组件
分发的内容
更多分发的内容
import SonSlot from "./SonSlot"
export default {
name: "parentSlot",
}
注意:子组件
具名 Slot
给
子组件内声明了3个 如果没有指定默认的匿名 slot, 父组件内多余的内容片段都将被抛弃. 上例最终渲染后的结果为: 正文内容 更多的正文内容 这是 header 部分 哈哈哈哈啊哈哈啊哈哈哈 this is main 这是 footer 部分 import SonNameSlot from "./SonNameSlot" export default { name: "parentNameSlot", } 感谢各位的阅读,以上就是“Vue的slot怎么使用”的内容了,经过本文的学习后,相信大家对Vue的slot怎么使用这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!标题
网页标题:Vue的slot怎么使用
本文来源:http://ybzwz.com/article/poeeid.html