解决Vue刷新后页面数据丢失的问题(sessionStorage和localStorage的用法) |
您所在的位置:网站首页 › vue刷新后数据消失 › 解决Vue刷新后页面数据丢失的问题(sessionStorage和localStorage的用法) |
state - 数据【存项目共享状态,是响应式的,store的数据改变,所有依赖此状态的组件会更新】 $store.state.count mutations - 方法【同步函数,只建议在这个地方修改数据】 inc(state, 参数唯一) {} $store.commit('inc', 2) actions -【异步操作】【提交的是mutations,不直接修改状态】 increment(context, num) {context.commit()} this.$store.dispatch('',arg) getters - 包装数据 【store的计算属性,可缓存】 show: function(state) {} this.$store.getters.show 传参,返回函数:show(state) {return function(参数) {return ...}}【不会缓存数据】 想要存取、修改、删除vuex仓库中的状态数据,需要按照一定的语法规则,比如按照action-->mutaion-->state的规则去增删改查,比如使用辅助函数如增删改查vuex中的数据 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |