表单绑定

表单控件可以使用 v-model。

const text = useRef("");

export const SearchForm = defineHtml(`
  <input v-model=${text} />
  <p>${text}</p>
`);

checkbox

const checked = useRef(false);

defineHtml(`<input type="checkbox" v-model=${checked} />`);

select

const value = useRef("a");

defineHtml(`
  <select v-model=${value}>
    <option value="a">A</option>
    <option value="b">B</option>
  </select>
`);

自定义组件

自定义组件支持 v-model 时，在子组件里使用 defineModel()：

const value = defineModel<string>({ default: "" });

更多组件级双向绑定见“组件 / v-model”。