unipp 表单数据双向绑定

unipp是一种基于Vue3的UI组件库，支持双向绑定。在unipp中，我们可以使用`v-model`指令来实现表单数据的双向绑定。

下面是一个使用unipp的表单组件：

<template>
  <unipp-input v-model="username" label="Username"></unipp-input>
  <unipp-input v-model="password" label="Password" type="password"></unipp-input>
  <unipp-button @click="submit">Submit</unipp-button>
</template>

<script>
import { ref } from 'vue'
import { Input, Button } from 'unipp'

export default {
  components: {
    'unipp-input': Input,
    'unipp-button': Button
  },
  setup() {
    const username = ref('')
    const password = ref('')

    function submit() {
      console.log('Username:', username.value)
      console.log('Password:', password.value)
    }

    return {
      username,
      password,
      submit
    }
  }
}
</script>

在上面的代码中，我们使用unipp提供的`Input`和`Button`组件来实现表单和提交按钮。在`Input`组件中，使用`v-model`指令将输入框的值与`username`和`password`两个变量双向绑定。在`submit`函数中，我们可以通过访问`username.value`和`password.value`来获取输入框的值。

总的来说，unipp的表单数据双向绑定需要使用`v-model`指令，并将输入框的值与Vue3中的响应式数据绑定。