Vue 之 Vux資料儲存

2021-09-07 03:15:44 字數 738 閱讀 6415

在日常vuex專案開發中,我們經常需要這樣乙個需求:頁面是不關閉,那麼資料永久存在,但是vue的外掛程式vux的特性決定了,一旦頁面重新整理,即使不關閉,vux內的狀態,依然會丟失,除非重新賦值

在和朋友交流的時候,朋友推薦了乙個外掛程式,具體作者,我不知道,別笑,但好用就行
外掛程式名字為

// 資料持久化外掛程式,頁面重新整理後存在 vux的資料不會丟失,不用再去手動訪問資料到storage

// 我這裡是在store引入的

import vue from

'vue'

import vuex from

'vuex'

import vuexpersistence from

'vuex-persist'

// 配置資料儲存到**

const vuexlocal =

newvuexpersistence()

// 然後在輸入物件中使用外掛程式

const store =

newvuex.store(,

mutations:

, actions:

, plugins:

[vuexlocal.plugin]

})

整體就完成了 vux的資料本地持久化的操作,這個外掛程式只是幫我們完了訪問的操作,根本操作依然是在本地訪問資料。

資料問題得到解決

vux 選擇器 vue專案中vux的使用

vux 在vue cli中使用步驟如下 1 安裝 npm i vux s 2 vux2必須配合vux loader使用,並配置build webpack.base.conf.js npm i vux loader d const vuxloader require vux loader const ...

vux 選擇器 vue專案中vux的使用

vux 在vue cli中使用步驟如下 1 安裝 npm i vux s 2 vux2必須配合vux loader使用,並配置build webpack.base.conf.js npm i vux loader d const vuxloader require vux loader const ...

Vux載入更多資料時自動置頂

首先在專案中新建scroller edit.vue檔案 把node modules vux 2.9.4 vux src components scroller index.vue檔案重新複製乙份出來放在專案檔案裡面命名scrolleredit.vue 可以自定義命名 然後重寫getscrolltop...