Vue3 JSX组件插槽slot如何改写Vue2插槽？

本文共计1637个文字，预计阅读时间需要7分钟。

Vue3（实际上从2.6开始）引入了一个新的指令v-slot，用于表示具名插槽和默认插槽。可以在slot容器上使用v-slot来展示一个传递组件的插槽，并通过指令参数来指定插槽的名称。

Vue3（其实从2 6开始）中引入了一个新的指令v-slot，用来表示具名插槽和默认插槽，可以在slot容器上使用v-slot来表示一个传入组件的插槽，通过指令参数来表示插槽的名称。 vue template中的slot插槽如何在JSX中实现呢？ 插槽的作用

让用户可以拓展组件，去更好地复用组件和对其做定制化处理。

Vue 实现了一套内容分发的 API，将<slot>元素作为承载分发内容的出口，这是vue文档上的说明。具体来说，slot就是可以让你在组件内添加内容的‘空间’。