解决Vue刷新后页面数据丢失的问题(sessionStorage和localStorage的用法)

您所在的位置:网站首页 vue刷新后数据消失 解决Vue刷新后页面数据丢失的问题(sessionStorage和localStorage的用法)

解决Vue刷新后页面数据丢失的问题(sessionStorage和localStorage的用法)

2024-07-17 20:40| 来源: 网络整理| 查看: 265

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中的数据

5e3240c33eae106e7f75c36f1b04aa19.png



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3