vuex是使用vue中必不可少的一部分，基于父子、兄弟組件，我們傳值可能會很方便，但是如果是沒有關聯的組件之間要使用同一組數據，就顯得很無能為力，那么vuex就很好的解決了我們這種問題，它相當于一個公共倉庫，保存著所有組件都能共用的數據。

那么，我們一起來看看vue項目怎么使用它吧。（如果你對vuex有一定了解，不是剛接觸的小白，請忽略第一步，直接查看第二步）

一、適合初學者使用，保存數據以及獲取數據

1、在store文件夾，新建個index.js文件（命名看個人習慣，如果沒有該文件夾，可以新建一個，當然也可以不建文件夾，直接新建個js文件也是可以的）

在新建的js文件中寫入如下代碼:

import Vue from "vue"import Vuex from "vuex"Vue.use(Vuex);export default new Vuex.Store({state:{pathName: "",currDbSource: {},currJobData: {},DbSource: []},mutations:{// 保存當前菜單欄的路徑

總結

以上是生活随笔為你收集整理的js 操作vuex数据_vue中使用vuex(超详细)的全部內容，希望文章能夠幫你解決所遇到的問題。

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