![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vuex
vuex问题
坏人OvO
这个作者很懒,什么都没留下…
展开
-
Vuex刷新数据丢失问题配合sessionStorage,来实现数据不丢失保持最新数据
案例在App.vue添加如下代码export default { created () { //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store")) { this.$store.replaceState( Object.assign( {}, this.$store.state, JSON.parse(sess原创 2021-12-30 16:07:32 · 322 阅读 · 0 评论 -
Vuex辅助函数 mapState, mapGetters, mapMutations, mapActions的使用
一、在store 创建 home.jsconst state = { bookList: ["西游记", "水浒传", "红楼梦", "三国演义"], num: 2};const getters = { num: state => state.num * 2, nums: state => state.num * 3};const mutations = { SET_LIST: (state, list) => { state.bookList = l原创 2021-12-30 16:01:58 · 417 阅读 · 0 评论 -
Vuex store分模块管理
Vuex store分模块管理一. 目的在项目开发中,如果一个项目非常大的话状态就会非常的多,如果不进行分类处理,所有的状态都维护在一个state里面的话,状态管理就会变得非常的混乱,项目会变得非常复杂,store 对象就有可能变得相当臃肿,这样非常不利于项目的后期维护。为了解决上述问题,把store 分割成模块(module),每个模块拥有自己的 state、mutation、action、getter。二. 过程在store目录下创建modules (文件夹): 存放每个组件独立模块,对原创 2021-08-29 10:41:08 · 330 阅读 · 0 评论