跳到正文

exportRender NPM Version

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

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

FeaturesSupported
Vue 3
Nuxt 3
Vue 2
Volar Plugin

TIP

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

用法

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

Volar 配置

tsconfig.json
jsonc
{  "vueCompilerOptions": {  "plugins": ["vue-macros/volar"],  "vueMacros": {  "exportRender": true,  },  }, }

贡献者

页面历史