vue 中 v-slot
最近做的一个项目里面很多这个v-slot,对这个真的是不懂。(https://blog.csdn.net/weixin_34357436/article/details/91435871)
后来看了看稍微懂一点了。
- 子组件定义name,父组件使用v-slot:name来打通父子组件。
- 父组件必需写上
template
标签,格式为v-slot:name="slotProps"
。 - 子组件必需写上
name
,相当于一个标记,一个ID。 - 父组件向子组件传标签,子组件向父组件传值。
父组件
<div class='father'> <template v-slot:footer> <!--传标签给子组件--> <div>我是父元素的标签div</div> </template> </div>
子组件
<div class='child'> <template name="footer"> </template> </div>
代码的世界很精彩,好的代码需要慢慢的打磨。