exportRender

稳定性: 实验性 ⚠️ 实验性功能，风险自负

在 Vue SFC 的 <script setup> 中，把 export default 语句转换为组件的渲染函数。

Features	Supported
Vue 3	✅
Nuxt 3	❓
Vue 2	✅
Volar Plugin	✅

TIP

这个特性依赖于 defineRender，并确保 defineRender 没有被禁用。

用法

<script setup lang="tsx"> // 可以直接传递 JSX export default <div>ok</div>  // 或使用渲染函数 export default () => <div>ok</div> </script>

Volar 配置

// tsconfig.json {  "vueCompilerOptions": {  "target": 3,  "plugins": [  "@vue-macros/volar/export-render",  // ...更多功能  ],  }, }