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'
;