Vuex及Vuex辅助函数

首先要是用Vuex必须要安装

npm install vuex --save--dev

然后再创建一个store文件夹里面有一个index.js文件(你也可以直接穿件一个js文件)

里面有五个属性:state存储数据,getters是从基本数据派生的数据,mutations是修改state数据的唯一入口,里面储存的是方法(同步),actions像一个装饰器,包裹mutations,使之可以异步。modules是分模块化操作。

mutations方法里面都有两个参数state就是数据state ,payload就是触发时传递过来的数据

Vuex及Vuex辅助函数_第1张图片 

 $store.state.数据就可以获取到state里面的数据

mutations里面的方法用this.$store.commit(‘方法名’)来触发,里面有个两个参数一个是方法名,第二个是传递的数据如图下

Vuex辅助函数(辅助函数前面必须有...)

mapState必须在computed里面而mapMutations里面的方法必须在methods里面

Vuex及Vuex辅助函数_第2张图片

 

你可能感兴趣的:(大数据)