无法通过vue-router传递数据使道具正常工作

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    // 在state中定义需要传递的数据
    propData: null
  },
  mutations: {
    // 在mutations中定义修改数据的方法
    setPropData(state, data) {
      state.propData = data
    }
  },
  getters: {
    // 在getters中定义获取数据的方法
    getPropData: state => {
      return state.propData
    }
  }
})

new Vue({
  el: '#app',
  store,
  render: h => h(App)
})

import { mapMutations, mapGetters } from 'vuex'

export default {
  computed: {
    // 使用mapGetters获取store中的数据
    ...mapGetters(['getPropData'])
  },
  methods: {
    // 使用mapMutations调用store中的方法
    ...mapMutations(['setPropData']),
    // 在需要传递数据的地方调用setPropData方法来修改数据
    sendData() {
      this.setPropData('传递的数据')
    }
  }
}

import { mapGetters } from 'vuex'

export default {
  computed: {
    // 使用mapGetters获取store中的数据
    ...mapGetters(['getPropData'])
  },
  created() {
    // 在组件创建时获取传递的数据
    console.log(this.getPropData)
  }
}