在日常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...