关于插槽在vue2里使用时的坑
一、slot、v-slot
先瞅一眼代码
<tabBar>
<template #0>dddd</template>
<template v-slot:1>hhh</template>
<template slot="2">vvv</template>
</tabBar>
我发现凡是用#xxx或者v-slot:xxx都不生效,只有slot生效,让我百思不得其解,然后我就看到官网上的解释,我就怀疑是不是我vue版本的问题,我就去查看了下我的依赖,果真就是版本的问题。
v-slot 指令自 Vue 2.6.0 起被引入,提供更好的支持 slot 和 slot-scope attribute 的 API 替代方案。
特此记录一下:
- slot="xxx"是vue2.6以后废弃的语法
- v-slot:xxx(#xxx)是vue2.6新增的语法