vue---子组件修改父组件的值

// 子组件
<template>
  <div @click="$emit('update', newValue)">{{ value }}</div>
</template>

<script>
export default {
  props: ['value'],
  data() {
    return {
      newValue: ''
    }
  }
}
</script>

// 父组件
<template>
  <child-component v-bind:value="data" @update="updateData"></child-component>
</template>

<script>
import ChildComponent from './ChildComponent'

export default {
  components: { ChildComponent },
  data() {
    return {
      data: 'Hello World'
    }
  },
  methods: {
    updateData(newValue) {
      this.data = newValue
    }
  }
}
</script>