Skip to content
页面导航

defineRender

稳定性: 稳定

使用 defineRender 可以直接在 <script setup> 中定义渲染函数。

特性支持
Vue 3
Nuxt 3
Vue 2
TypeScript

基本用法

vue
<script setup lang="tsx">
// 可以直接传递 JSX
defineRender(
  <div>
    <span>Hello</span>
  </div>
)

// 或使用渲染函数
defineRender(() => {
  return (
    <div>
      <h1>Hello World</h1>
    </div>
  )
})
</script>