exportRender

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

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

TIP

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

用法

vue

<script setup lang="tsx">
// 可以直接传递 JSX
export default <div>ok</div>

// 或使用渲染函数
export default () => <div>ok</div>
</script>

<script setup lang="tsx">
// 可以直接传递 JSX
export default <div>ok</div>

// 或使用渲染函数
export default () => <div>ok</div>
</script>

jsonc

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

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