首页 > 编程知识 正文

什么是Vue选项式API,什么是vulkan

时间:2023-05-04 00:40:55 阅读:272714 作者:1067

一,什么是vuex

vuex是一个专门为vue.js应用程序开发得状态管理模式,vuex存放得状态是响应式的,更改状态只有唯一的途径显示的提交(commit)触发mutation更改state

二,由哪几部分组成 State vue的状态管理,驱动应用的数据源Mutations 同步操作 它是唯一可以直接更改state状态,通过提交commit触发mutation更改stateActions 异步操作 它不能直接改变state而是需要触发mutation来更改state,它可以任意包含异步操作Getters 计算属性 类似于vue组件中的computed,可以过滤,处理state,结果也会缓存,只有当依赖值发生改变才会从新计算Modules 模块 支持模块化 让每个模块都有自己的state,mutation,action,getter,甚至可以嵌套子模块 三,map辅助函数

mapActions:

在组件内导入

import { mapActions } from ‘vuex’

mapGetters import { mapGetters} from ‘vuex’


其他的mapState,mapMutations也是一样的操作

三,数据持久化 vuex里面存放的数据,页面一经刷新会丢失:解决办法:存放在localStorage或则SessionStorage里面,进入页面时判断是否丢失,丢失再去localStorage或者sessionStorage里面取,在app.vue根组件的created里面判断是否丢失,在进行上面的操作;vuex-persistedstate插件 cnpm i vuex-persistedstate -S

之后在store.js里面导入

import createPersistedState from 'vuex-persistedstate'export default new Vuex.Store({state,getter,mutations,actions,plugins:[createPersistedState()]})

参数

storage:存储方式。(sessionStorage,localStorage)key:定义本地存储中的key

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。