Vue 之 Vux数据保存

本文主要是介绍Vue 之 Vux数据保存，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在日常Vuex项目开发中，我们经常需要这样一个需求：页面是不关闭，那么数据永久存在，但是Vue的插件Vux的特性决定了，一旦页面刷新，即使不关闭，Vux内的状态，依然会丢失，除非重新赋值

解决

在和朋友交流的时候，朋友推荐了一个插件，具体作者，我不知道，别笑，但好用就行

插件名字为

// 数据持久化插件，页面刷新后存在 Vux的数据不会丢失，不用再去手动存取数据到storage
// 我这里是在store引入的
import Vue from 'vue'
import Vuex from 'vuex'
import VuexPersistence from 'vuex-persist' // 配置数据存储到哪里
const vuexLocal = new VuexPersistence({storage: window.localStorage
})// 然后在输入对象中使用插件
const store = new Vuex.Store({state: { ... },mutations: { ... },actions: { ... },plugins: [vuexLocal.plugin]
}) 

整体就完成了 Vux的数据本地持久化的操作，这个插件只是帮我们完了存取的操作，根本操作依然是在本地存取数据。

数据问题得到解决

这篇关于Vue 之 Vux数据保存的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---