defineRender
稳定性:
稳定
使用 defineRender
可以直接在 <script setup>
中定义渲染函数。
特性 | 支持 |
---|---|
Vue 3 | ✅ |
Nuxt 3 | ✅ |
Vue 2 | ✅ |
TypeScript | ✅ |
在 RFC 讨论 中,我们需要更多的反馈!
基本用法
vue
<script setup lang="tsx">
// 可以直接传递 JSX
defineRender(
<div>
<span>Hello</span>
</div>,
)
// 或使用渲染函数
defineRender(() => {
return (
<div>
<h1>Hello World</h1>
</div>
)
})
</script>