Vue Binding Example

VueBinding.vue

<template>
  <input ref="input" v-model="localValue" @change="handleChange">
</template>
<script>
export default {
  data: () => ({
    localValue: null
  }),
  props: ['value'],
  methods: {
    handleChange ({date}) {
      this.$emit('change', date)
    }
  },
  watch: {
    value: {
      handler (newValue) {
        if (newValue !== this.localValue) {
          this.localValue = newValue
        }
      },
      immediate: true
    }
  }
}
</script>