【Vuex】引用状态和引用方法

一、怎么样读取state

store.js赋值给模板中的data的三种方式

1、computed计算属性直接赋值(通过this找到$store);

2、引入mapState,并在computed计算属性中给count赋值(ES6的写法或者是箭头函数的写法);

3、通过mapState的数组来赋值(最简单的赋值方法)。

思考:状态对象赋值给内部对象,是不是就是指赋值给模板中的data?

二、怎么样修改状态(如何操作mutations)

1、mutations内增加参数传值;

2、引入mapMutations并加入到methods属性里面。

这样就可以在模板中直接使用方法,不需要像$store.commit( )这么复杂地写了。

 

posted on 2018-09-25 22:58  云点西西  阅读(410)  评论(0编辑  收藏  举报

导航