jsx中使用具名插槽

在JSX中使用具名插槽可以通过在组件的render方法中使用函数调用的方式来实现。在使用具名插槽时，我们可以在组件的setup方法中返回一个具有插槽内容的对象。然后，在render方法中使用this.$slots.content来调用具名插槽，并且可以传递参数来携带信息。举例来说，如果我们有一个子组件，其模板中有一个具名插槽"content"，我们可以通过以下方式在JSX中使用具名插槽：<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [在 vue3 中优雅的使用 jsx 声明、使用具名插槽、作用域插槽](https://blog.csdn.net/weixin_42624898/article/details/122166077)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [【vue3】 使用JSX实现普通、具名和作用域插槽](https://blog.csdn.net/qq_24719349/article/details/116724681)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]