Vuex之理解state的用法实例
发布时间：2020-12-17 02:59:52 所属栏目：百科 来源：网络整理
导读：1.什么是state？ 文章说了， Vuex 就是提供一个仓库，仓库里面放了很多对象。其中 state 就是数据源存放地，对应于与一般 Vue 对象里面的 data （后面讲到的 actions 和 mutations 对应于 methods ）。 响应书存储： state 里面存放的数据是响应式的， Vue
1.什么是state？文章说了， 响应书存储： 2.局部状态获取：在 组件仍然可以保存局部状态：虽然说 3.mapState
使用示例 state.count,'count' // 映射 this.count 为 store.state.count
})
}
看看源码 {
// normalizeMap（）函数初始化states数据
res[key] = function mappedState () {
return typeof val === 'function'
// 判断val是否是函数
? val.call(this,this.$store.state,this.$store.getters)
// 若val是函数，将store的state和getters作为参数，返回值作为mapped State的返回值
: this.$store.state[val]}})
return res // 返回的是一个函数
}
//初始化方法
function normalizeMap (map) {
return Array.isArray(map) //判断state是否是数组
? map.map(key => ({ key,val: key }))
// 是数组的话，调用map方法，将每一个数组元素转换成{key,val:key}
: Object.keys(map).map(key => ({ key,val: map[key] }))
// 否则就是对象，遍历对象，将每一个val变成val:key
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |