Javascript Vue3 vuex“;TypeError:vuex_uuuWebpack_uImported_uModule_uu1_uuu.Store.commit不是一个函数";
因此,我试图通过axios获取静态json数据,并将其提交到vuex中的“projects”状态,但得到的错误是“Store.commit不是函数” 我错过什么了吗 请记住,我是在Vue3的vuex中执行此操作的Javascript Vue3 vuex“;TypeError:vuex_uuuWebpack_uImported_uModule_uu1_uuu.Store.commit不是一个函数";,javascript,vue.js,vuex,vuejs3,Javascript,Vue.js,Vuex,Vuejs3,因此,我试图通过axios获取静态json数据,并将其提交到vuex中的“projects”状态,但得到的错误是“Store.commit不是函数” 我错过什么了吗 请记住,我是在Vue3的vuex中执行此操作的 //store.js import axios from 'axios'; import { createStore, Store } from 'vuex' export default createStore({ state: { projects:[] },
//store.js
import axios from 'axios';
import { createStore, Store } from 'vuex'
export default createStore({
state: {
projects:[]
},
mutations: {
SET_PROJECTS: (state, projects) => {
state.projects = projects;
}
},
actions: {
},
modules: {
}
});
const getPrjectData = () => {
axios
.get('static json URL here')
.then(response => {
Store.commit('SET_PROJECTS', response.data.projects);
})
.catch(err => console.log(err));
}
getPrjectData();
将函数转换为操作:
操作:{
getPrjectData({commit}){
axios
.get('此处为静态json URL')
。然后(响应=>{
提交('SET_PROJECTS',response.data.PROJECTS);
})
.catch(err=>console.log(err));
}
}
将动作称为:
选项API
this.$store.dispatch('getPrjectData');
合成原料药
从“vuex”导入{useStore}
导出默认值{
设置(){
const store=useStore();
store.dispatch('getPrjectData');
}
}