Vue中用v-model实现父组件和子组件之间的数据通信

<template>
  <div>
    <span class="injobs" >{{title}}：</span>
    <DatePicker type="month" :placeholder="placeholder" v-model="tt"></DatePicker>
  </div>
</template>

<script>
export default {
  name: "EFMonthSelector",
  model: {
    prop: 'value',
    event: 'throwValue'
  },
  props: {
    title: {
      type: String
    },
    placeholder: {
      type: String
    },
    value: {
      type: Date
    }
  },
  data() {
    return {
      formValidate: {
        start: null
      }
    }
  },
  computed: {
    tt: {
      get: function() {
        return this.value;
      },
      set: function(val) {
        this.$emit('throwValue', val)
      }
    }
  },
  methods: {}
}

</script>