如何使用vuex store设置默认图像？

npm install vuex --save

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

Vue.use(Vuex)

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

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    defaultImage: 'path/to/default/image.jpg'
  },
  mutations: {
    setDefaultImage(state, image) {
      state.defaultImage = image
    }
  },
  actions: {
    updateDefaultImage({ commit }, image) {
      commit('setDefaultImage', image)
    }
  },
  getters: {
    getDefaultImage: state => {
      return state.defaultImage
    }
  }
})

<template>
  <div>
    <img :src="defaultImage" alt="Default Image">
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters(['getDefaultImage']),
    defaultImage() {
      return this.getDefaultImage
    }
  }
}
</script>

methods: {
  updateImage() {
    this.$store.dispatch('updateDefaultImage', 'path/to/new/default/image.jpg')
  }
}