用vue的v-model实现写个组件

好的，这里提供一个简单的示例，实现一个带有输入框和提交按钮的组件，使用 `v-model` 实现双向绑定。

<template>
  <div>
    <input type="text" v-model="inputValue">
    <button @click="submit">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    submit() {
      // 处理提交逻辑
      // ...
      // 提交成功后清空输入框
      this.inputValue = ''
    }
  }
}
</script>

在父组件中使用该组件时，可以使用 `v-model` 来绑定输入框中的值：

<template>
  <div>
    <my-input v-model="message"></my-input>
    <p>输入的值为: {{ message }}</p>
  </div>
</template>

<script>
import MyInput from '@/components/MyInput'

export default {
  components: {
    MyInput
  },
  data() {
    return {
      message: ''
    }
  }
}
</script>

这样，当用户在输入框中输入内容时，`message` 的值也会随之改变，当用户点击提交按钮时，`message` 的值会传递给父组件。