如何使用mapState命名父道具

<template>
  <div>
    <child-component :name="name" :age="age" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: 'John',
      age: 25
    };
  }
};
</script>

<template>
  <div>
    <p>Name: {{ mappedName }}</p>
    <p>Age: {{ mappedAge }}</p>
  </div>
</template>

<script>
import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState(['name', 'age']),
    mappedName() {
      return this.name;
    },
    mappedAge() {
      return this.age;
    }
  }
};
</script>