Vue Macros

简体中文

English

简体中文

English

外观

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>
<script setup lang="tsx">
// 可以直接传递 JSX
defineRender(
  <div>
    <span>Hello</span>
  </div>
)

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