exportRender
稳定性:
实验性
⚠️ 实验性功能,风险自负在 Vue SFC 的 <script setup>
中,把 export default 语句转换为组件的渲染函数。
Features | Supported |
---|---|
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 配置
jsonc
// tsconfig.json
{
"vueCompilerOptions": {
"plugins": ["unplugin-vue-macros/volar"],
"vueMacros": {
"exportRender": true,
},
},
}