时间:2021-05-18
插槽:
插槽,也就是slot,是组件的一块HTML模板,这块模板显示不现实、以及怎样显示由父组件来决定。
插槽模板是slot,它是一个空壳子,因为它显示与隐藏以及最后用什么样的html模板显示由父组件控制。但是插槽显示的位置由子组件自身决定,slot写在组件template的哪块,父组件传过来的模板将来就显示在哪块。这样就使组件可复用性更高,更加灵活。我们可以随时通过父组件给子组件加一些需要的东西。
这个可以参考https://plete">✓</span> {{ slotProps.todo.text }} </template></todo-list>
slot-scope就相当于是一个对象,这个对象里面的数据就是子组件插槽绑定传上来了。
在vue 2.5.0+ slot-scope不再限制在<template>元素上使用,而可以用在插槽内的任何元素或组件上。
总结
以上所述是小编给大家介绍的vue插槽和作用域插槽的理解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
vue中的插槽有三种:单个插槽、具名插槽、作用域插槽,这个在官网上能看到(https://cn.vuejs.org/v2/guide/components.ht
本文实例讲述了vue插槽slot的简单理解与用法。分享给大家供大家参考,具体如下:vue中插槽的使用非常广泛,本文就插槽的使用和理解简单总结。从字面理解插槽是预
作用域插槽不是那么直观的一个概念。Vue文档使用了一段描述性的话来解释作用域插槽:有的时候你希望提供的组件带有一个可从子组件获取数据的可复用的插槽……但是在我们
本文实例讲述了vue学习笔记之作用域插槽。分享给大家供大家参考,具体如下:Vue.component('child',{data:function(){retu
本文介绍了如何理解Vue的作用域插槽的实现原理,分享给大家,也给自己留个笔记举个例子,比如我写了一个可以实现条纹相间的列表组件,发布后,使用者可以自定义每一行的