如何封装v-model

对于封装v-model，你可以使用自定义组件并利用props和emit来实现。

首先，在你的自定义组件中，需要定义一个props属性，用于接收外部传入的值，并将其绑定到内部组件的数据上。例如：

<template>
  <input :value="internalValue" @input="updateValue($event.target.value)">
</template>

<script>
export default {
  props: ['value'],
  data() {
    return {
      internalValue: ''
    };
  },
  mounted() {
    this.internalValue = this.value;
  },
  watch: {
    value(newVal) {
      this.internalValue = newVal;
    }
  },
  methods: {
    updateValue(value) {
      this.internalValue = value;
      this.$emit('input', value);
    }
  }
}
</script>

在上述代码中，我们将外部传入的值通过props接收，并将其绑定到内部的`internalValue`上。同时，我们监听了props中的value属性的变化，以便在外部值改变时同步更新内部的值。

然后，在使用该组件的地方，可以通过v-model来实现双向绑定。例如：

<template>
  <custom-input v-model="message"></custom-input>
</template>

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

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

在上述代码中，我们使用了`v-model="message"`来实现对自定义组件中的value属性的双向绑定。这样，当自定义组件中的输入框的值改变时，message也会随之改变，反之亦然。

通过以上的方式，你可以封装v-model，使组件能够方便地进行双向数据绑定。