【九月打卡】第15天 Vue3 + TS 仿知乎专栏企业级项目

课程名称：2022全面升级. Vue3 + TS 仿知乎专栏企业级项目

课程章节： 7-6 使用vuex action 发送异步请求

主讲老师：张轩

课程内容：

利用actions发送异步请求

课程收获：

利用actions发送异步请求，mutations里面是不允许发送一步请求的所以只能在actions里面发送。具体写法如下：

fetchColumns({ commit }) {

axios.get('/columns').then((res) => {

commit('fetchColumns', res.data);

});

},

结构出来的commit为actions里面的默认方法，需要提前引入axios，axios有四个方法get获取数据，post新增，delete删除，put修改，在axios请求里面将commit提交到mutations里面，第一个参数是mutations里面对应的方法名字，第二个参数为请求到的数据，然后再mutation里面可以触发改变state的数据。