#NaiveUi
https://www.naiveui.com/en-US/os-theme/components/form#custom-rule.vue
ใใใคใๆณจๆใในใใใคใณใใใใใฎใงใใใใ็ขบ่ชใใใ
## n-formใซmodelใใใคใณใใใใฆใใใ
`:model`ใๆใใฆใใใใจใๅคใใ
```html
<n-form ref="formRef" :model="model" :rules="rules">
```
```ts
interface ModelType {
age: string | null
password: string | null
reenteredPassword: string | null
}
const model = ref<ModelType>({
age: null,
password: null,
reenteredPassword: null
})
```
## modelใฎใใญใใใฃๅใจpathใฏไธ่ดใใฆใใใ
`n-form-item`ใฎ`path`ใซๆๅฎใใใ`age`ใใ`:model`ใซๆๅฎใใใ`model`ใฎใใญใใใฃใจไธ่ดใใฆใใใใ
```html
<template>
<n-form ref="formRef" :model="model" :rules="rules">
<n-form-item path="age" label="Age">
<n-input v-model:value="model.age" @keydown.enter.prevent />
</n-form-item>
</n-form>
</template>
```