vue学习模块记录一 (vuex-store)

1:如何使用vuex-store    2018-10-26

   vuex是什么呢,相当于react的redux,如果项目使用数据过多的话,直接管理是非常不方便的,那么采用vuex,那些繁琐的问题     就迎刃而解了,学习demo: https://www.cnblogs.com/liningstyle/p/8335129.html

modules:导入模块管理

mutations:方法修改数值

commit('Count ')调用mutations的固定方法,参数为mutations的方法名,当然commit不止传一个参数,也可以传很多

actions:官方推荐 , 将异步操作放在 action 中

context.commit('Count ')的意思是触发mutations下的Count函数,那么怎么触发actions的函数,

<a href="javascript:;" @click="$store.dispatch('Acount')">click</

 

dispatch方法是官方固定触发actions下函数的方法

getters:getters 和 vue 中的 computed 类似 , 都是用来计算 state 然后生成新的数据 ( 状态 ) 的。比如我们heade.js的state有一个值show:false   getters就是计算与false相反的,但是它计算的值是不能直接修改的, 需要对应的 state 发生变化才能修改。 

最后一点就是为了方便操作开发,一般情况$store.state.Heade.show,$store.state.show写起来不是很方便,那么vuex的辅助函数mapState、mapGetters、mapActions就可以解决这个问题,把stroe对象那个映射到this

import {mapState} from 'vuex';

猜你喜欢

转载自blog.csdn.net/liuguiqian1/article/details/83414491