发表于: 2019-11-04 20:09:17

0 974


今天完成的事情:复习vue模块化开发,和vuex模块化应用

State:vuex中的数据源,我们需要保存的数据就保存在这里,可以在页面通过 this.$store.state来获取我们定义的数据;


Getters:Getter相当于vue中的computed计算属性,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算,这里我们可以通过定义vuex的Getter来获取,Getters 可以用于监听、state中的值的变化,返回计算后的结果


Mutations:mutations里面装着一些改变数据方法的集合,就是把处理数据逻辑方法全部放在mutations里面,使得数据和视图分离。


Actions:异步执行 mutations的方法


mapState、mapGetters、mapActions:如果我们不喜欢这种在页面上使用“this.$stroe.state.count”和“this.$store.dispatch('funName')”这种很长的写法,那么我们可以使用mapState、mapGetters、mapActions就不会这么麻烦了;


Module:可以将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割


明天计划的事情:上午学习vuex,下午重构代码
遇到的问题:模块化开发有点模糊,需要代码实践
收获:找到了自己的错误


返回列表 返回列表
评论

    分享到