Vuex
文章平均质量分 55
zayzy
安心努力
展开
-
vuex中state本地数据持久化
1.下载插件 cnpm i -S vuex-persistedstate2.在store中引入import createPersistedState from 'vuex-persistedstate';3.在store对象中与state属性同级部分,添加新的key为plugins,代码为:plugins: [createPersistedState({ storage: window.sessionStorage, //sessionStorage和 localStorage自行切换原创 2021-08-19 09:35:31 · 132 阅读 · 0 评论 -
初步了解Vuex
1、Vuex概述1.1 Vuex是什么?Vuex是实现组建全局状态(数据),管理的一种机制,可以方便的实现组件之间数据的共享。1.2 Vuex统一管理状态的好处?(1)能够在vuex中集中管理共享的数据,易于开发和后期维护(2)能够高效实现组件之间的数据共享,提高开发效率(3)存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步1.3 什么样的数据适合存储到Vuex中?一般情况下,只有组件之间共享的数据,才有必要存储到vuex中;对于组件中的私有数据,依旧存储在组件自身的data原创 2021-08-08 11:22:37 · 138 阅读 · 0 评论 -
Vuex的核心概念(访问数据)
Vuex的核心概念一、State1.定义2.访问State数据的方式二、Mutation1.定义及作用2.变更Store中的值3.触发mutations传递参数三、Action1.定义及作用2.触发Action3.触发actions异步任务时携带参数四、Getter1.定义及作用2.使用getter注意一、State1.定义State提供唯一的公共数据源,所有共享的数据都要统一放到Store中进行存储。//创建store数据源,提供唯一公共数据const store = new Vuex.Stor原创 2021-08-08 16:59:02 · 384 阅读 · 0 评论