时间:2021-05-26
下面给大家介绍Vue组件中slot的用法
主要是让组件的可扩展性更强。
1. 使用匿名slot
2. 给slot加个名字
如果不在有slot的组件里加入任何标签,slot什么都不会显示的。
总结
以上所述是小编给大家介绍的Vue组件中slot的用法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前言本文将介绍vue2.0中的组件的继承与扩展,主要分享slot、mixins/extends和extend的用法。一、slot1.默认插槽和匿名插槽slot用
vue我自己还在摸索学习中,今天学习了使用Slot分发内容,给自己留个小笔记使用slot分发内容我们要注意2点组件不知道它会收到什么内容。这是由使用的父组件决定
前言在Vue中,slot是一个很有用的特性,可以用来向组件内部插入一些内容。slot就是“插槽”的意思,用大白话说就是:定义组件的时候留几个口子,由用户来决定插
首先来看下vue的slot的实现组件,具名插槽name定义以及默认插槽提供内容渲染的组件HeremightbeapagetitleAparagraphforth
本文实例讲述了vue学习笔记之slot插槽基本用法。分享给大家供大家参考,具体如下:不使用插槽,在template中用v-html解析父组件传来的带有标签的co