课程名称:2022持续升级 Vue3 从入门到实战 掌握完整知识体系
课程章节:7-9 VueX 的语法详解(2),7-10 VueX 的语法详解(3),7-11 CompositionAPI 中如何使用 VueX,7-13 使用 axios 发送ajax 请求
主讲老师:Dell
课程内容:
今天学习的内容包括:VueX 的语法详解,CompositionAPI 中如何使用 VueX,使用 axios 发送 ajax 请求
vuex 全局数据更改流程: 1. dispatch 方法,派发一个 action,名字叫做 change,this.$store.dispatch('change') // change 就是 action,dispatch 就是派发 2. 感知到 change 这个 action,执行 store 中 actions 下面的 change 方法 actions:{ change(){ console.log(123123); } } 3. commit 提交一个叫做 change 的数据改变 actions:{ change(){ this.commit('change') } } 4. mutation 感知到提交的 change 改变,执行 change 方法,改变数据 mutations:{ change(){ console.log('mutation') } } 5. 在 mutation 里面修改数据 mutations:{ change(){ this.sata.name = 'lee' } } 6. mutations 里面只允许写同步代码,不允许写异步代码,例如 setTimeout 7. 在 actions 里面写异步代码只有 mutations 可以修改 state 里面的数据 8. dispatch 和 actions 做关联,commit 和 mutations 做关联
课程收获:
今天算是把第七章剩下的内容学完了,明天正式开始学习实战项目。vuex 知识讲的差不多了,但是还需要时间去消化。感觉还是要多回去翻看之前的章节。明日继续,加油。
今日课程学习时间大约花费 18 分钟。