mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-21 04:50:14 +08:00
771 B
771 B
JSX & TSX
Enable JSX & TSX
About how to enable JSX & TSX please look at your toolchain's docs.
Use Component
We recommend importing component directly when using JSX.
import { defineComponent } from 'vue'
import { NButton } from 'naive-ui'
export default defineComponent({
render () {
return <NButton>{{ default: () => 'Star Kirby' }}</NButton>
}
})
Props look like @update:*
In naive-ui, all props look like on-update:*
has a corresponding onUpdate*
prop (since in JSX onUpdate:*
is not a valid prop name).
If you find it doesn't exist, I must forget to make it. Please create an issue or PR.
For example, <n-select @update:value="..." />
in template can be written in <NSelect onUpdateValue={...} />
.