VueX:如何在页面加载时调用action.js方法？

import { mapActions } from 'vuex';

export default {
  created() {
    this.fetchData(); // 调用action.js中的fetchData方法
  },
  methods: {
    ...mapActions(['fetchData']) // 将action.js中的fetchData方法映射到组件中的方法
  }
}

export default {
  actions: {
    fetchData({ commit }) {
      // 进行异步操作，例如发送请求获取数据
      // 可以使用axios或者其他HTTP库发送请求
      // 异步操作完成后，通过commit方法提交mutation来更新state中的数据
      // 例如：
      // axios.get('/api/data')
      //   .then(response => {
      //     commit('updateData', response.data);
      //   })
      //   .catch(error => {
      //     console.error(error);
      //   });
    }
  }
}

export default {
  mutations: {
    updateData(state, data) {
      state.data = data;
    }
  }
}