首先需要了解vuex的基本概念和使用方式，vue的官網也有很詳細的說明或者瀏覽：https://zhuanlan.zhihu.com/p/24357762。 vue是單頁應用所以當頁面刷新時vuex的數據隨之也被清空了，如何實現頁面被刷新而數據沒有被清空呢？vuex主要是vue用來存儲數據的，使用的時候有一點要記住：action，mutation，getter都必須是函數 解決方案： 在此處需要先封裝一下vuex,首先來看看封裝的文件格式：

?

從上圖中可以清晰的看到vuex的結構，首先簡單的說一下各個文件的意義： 1、action.js 獨立出來vuex處理數據的文件，格式如下： 2、getter.js 獨立出來的vuex獲取數據的文件，格式如下：

?

3、 mutation-types.js 獨立出來的vuex更改數據和存儲數據的文件，此文件是mutation的參數申明文件，格式如下：

?

4、mutations.js 獨立出來是mutation文件，在這里處理更改和存儲數據，將mutation-types在此處導入，格式如下：

?

5、大boss上場啦，接下來就要說封裝的關鍵點,index.js，先丟代碼： 6、在最外層的index.js里面做了，初始化中間件的邏輯，代碼如下：

這里借用官方文檔中對plugin進行說明，如下圖：

這樣寫之后在頁面獲取和存儲數據的方式是：

轉載于:https://www.cnblogs.com/colder/p/10120900.html

總結

以上是生活随笔為你收集整理的vuex的理解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。