- 标清
- 2.0x
- 1.5x
- 1.25x
- 1.0x
- 0.5x
Vue开发实战
勘误
Vuex 的 actions 应该避免直接操作 state，state 的更改应该由 mutations 去修改，不然 vue-devtools 插件记录不到 state 变更，
actions 可以根据当前 state 进一步处理数据，计算或请求后端接口，然后通过 commit 的形式提交给 mutations 去处理。
本节计数器 actions 部分直接操作了 state ，这个写法有问题，正确代码如下：
increment({commit}) { setTimeout(()=>{ commit('increment') }, 3000) }复制代码
源代码地址
https://github.com/geektime-geekbang/geektime-vue-1/tree/master/vuex-demo1
https://github.com/geektime-geekbang/geektime-vue-1/tree/master/vuex-demo2
https://github.com/geektime-geekbang/geektime-vue-1/tree/master/vuex-demo3
精选留言(12)
Yrt 置顶2019-03-27有个问题， 为什么在actions 里的increment函数可以直接修改 state.count？ 我翻了文档，里面说的是在actions里去提交mutations 不让直接更改状态 。increment 文档里的传的参数是context 然后视频里传的 是state 是因为这个参数的原因吗？作者回复: 感谢提醒，的确不应该在actions里面去操作state，这样devtools就记录不到变化状态了，传的依然是context哈，注意state两边的大括号，他的作用就是从context里面取出来 state，也是es6的语法，正确代码应该是：
actions: {
increment({commit}) {
setTimeout(()=>{
commit('increment')
}, 3000)
}
}, 5
2019-03-26Vue 已经用了挺久了，在公司也用 Vue 写过了几个项目，虽然是个Java程序员 但对前端越来越感兴趣。 希望在这门课学习之后可以对 Vue 的基础有更深入的理解。 3
2019-03-27希望老师能稍微更新快点，我十分感兴趣后面的实战项目。编辑回复: 下周开始更新实战部分
2
2019-11-07在actions里可以不用increment这个命名吗？也就是这里的是否需要与mutations里的命名相同？我觉得应该不用吧…
2019-10-31课后习题哪有答案呀？会讲解答案吗？
2019-08-25vuex是否可以结合saga一起使用？将异步请求或者业务逻辑独立出来？
2019-04-15真的和mobx很像，打开了我vue从无到入门的启蒙之路，打卡
2019-04-02请问下老师使用的命令行工具叫什么？作者回复: 就是使用系统自带的，mac terminal，如果你也使用的mac，看到的和我不一样，是我自己自定义了主题。
2019-03-28老师，我想问下，使用vuex的时候有没有必要将所有的state都转化成getter，然后让组件通过mapGetters去获取属性作者回复: 没必要的，单个状态没有任何意义，涉及到进一步计算合并才使用getter
2019-03-28感觉不懂node开发学习起来有点吃力，最近搞了好多遍环境，总是因为版本依赖问题最后导致无法运行起来，于是又重新建项目。作为老java开发，也只会在idea下写代码，就是开发用的插件不支持2.6作者回复: 不应该，版本依赖并不需要自己配置，这也是相对于java的优势，你完全可以不懂node，就可以使用vue
2019-03-27启动演示DEMO源码出现依赖错误，但是已经安装过core-js了
These dependencies were not found:
* core-js/modules/es6.array.find-index in ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.0.5@babel-loader/lib!./node_modules/_cache-loader@2.0.1@展开作者回复: 重装试试吧 npm建议使用 taobao 源。
- 2019-03-26我现在的项目一直在使用VUE，之前对vuex只停留在会使用得基础上，看完之后觉得对原理有了更进一步的认识。后面我也会抽时间看看源代码，希望更进一步对vuex进行深入得了解