如何将值从Vue提示传递到JS变量

<template>
  <div>
    <child-component :value="myValue"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myValue: 'Hello Vue!'
    }
  }
}
</script>

<template>
  <div>
    <p>{{ receivedValue }}</p>
  </div>
</template>

<script>
export default {
  props: ['value'],
  data() {
    return {
      receivedValue: ''
    }
  },
  mounted() {
    this.receivedValue = this.value;
  }
}
</script>