v-model实现方法

v-model 可以通过以下两种方法实现：

1. 使用 v-bind 和 v-on 指令

下面是一个简单的示例，展示如何使用 v-bind 和 v-on 指令来实现 v-model：

<template>
  <div>
    <input v-bind:value="message" v-on:input="message = $event.target.value">
    <p>{{ message }}</p>
  </div>
</template>

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

这里，我们使用 v-bind 指令将 input 元素的值绑定到 data 中的 message 属性上，使用 v-on 指令监听 input 事件，并将输入框的值赋值给 message 属性。

2. 使用组件的 model 选项

如果你使用的是自定义组件，你可以通过设置组件的 model 选项来实现 v-model。下面是一个简单的示例：

<template>
  <div>
    <my-input v-model="message"></my-input>
    <p>{{ message }}</p>
  </div>
</template>

<script>
import MyInput from './MyInput.vue';

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

在这个示例中，我们创建了一个名为 MyInput 的组件，并设置了它的 model 选项为 value 和 input 事件。这样，当在父组件中使用 v-model 绑定 message 属性时，实际上是绑定到了 MyInput 组件的 value 属性和 input 事件。在 MyInput 组件中，我们可以通过 $emit 方法触发 input 事件，并传递输入框的值。