vue-7-2 vuex中的几个重要属性
1. state
作用: 主要用来保存数据状态
其它组件调用state中数据: this.$store.state
2. getters
作用:需要对state中的数据进行变形时(平方,筛选等),就通过getters来调用state中的数据进行变化(不会改变state中的数据状态,而是变型成一个新的数据)
使用:
1. 普通提交:如, 其它组件要调用state中的数据,并且是平方后的数据:
1. 其它组件:this.$store.getters.方法名
2. getters中:
定义平方的方法: 方法(state, getters){...}
2. 含参数提交:
1. 其它组件:this.$store.getters.方法名(参数)
2. getters中:
方法(state, gettters){
return function(参数){...}
3. mutations
作用:官方指定,所有直接改变state中数据值的操作,都要通过mutations来进行
使用:
1. 其它组件:@click="组件内事件"
2. 组件事件中,调用mutations进行提交:
1. 普通提交:this.$store.commit("事件")
或: this.$store.commit("事件", 参数变量或对象)
2. 完整提交:this.$store.commit({
type: '事件',
参数: 参数
})
3. vuex的mutations中:
事件(state, 参数){...}
响应式规则:
说明: vuex中定义好的数据,在vue加载时就已经是响应式数据,那如果通过mutations修改state的数据,如添加或删除某条数据,而希望该修改可以同步到其它调用处时
vue.set()
vue.delete()