Using jsx with vue3

The Vue plugin provides support for Vue 3 JSX TSX syntax The plugin slots syntax * enableObjectSlots?: boolean; ** Replace the function used

Using jsx with vue3 Slot Content and Outlet ​ We have learned that components can accept props, which can be JavaScript values of any type But how about template content?

The Vue plugin provides support for Vue 3 JSX TSX syntax The plugin slots syntax * enableObjectSlots?: boolean; ** Replace the function used

vue vslot Slot functions can return anything a normal render function can return

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

vue check if slot has content You can pass JSX into *any* prop, not only the one named 'children', and not only by nesting JSX inside a component's tag

slots & more So, how about getting the best of both worlds? Get The entirety of Vue 2 docs on JSX