Vue2自定义组件实现双向绑定的写法

<子组件 :对外双向绑定属性名.sync="父组件双向绑定属性名" />

<template>
    <input v-model="双向绑定内部过渡属性名_"/>
</template>
 
<script>
//子组件    
export default {
  data() {
    return {
      双向绑定内部过渡属性名_: "", //中间过渡变量，避免报错referenced during render
    };
  },
  props: ["对外双向绑定属性名"],
  watch: {
    对外双向绑定属性名: {
      handler(d) {
        this.双向绑定内部过渡属性名_ = JSON.parse(JSON.stringify(d));
      },
      deep: true,
      immediate: true,
    },
    双向绑定内部过渡属性名_(d) {
      this.$emit(`update:对外双向绑定属性名`, d);
    },
  },
};
</script>