如果你之前使用過vue.js，你一定知道在vue中各個組件之間傳值的痛苦，在vue中我們可以使用vuex來保存我們需要管理的狀態值，值一旦被修改，所有引用該值的地方就會自動更新，那麼接下來我們就來學習一下vuex是如何修改狀態值的：
我們新建一個vue項目（這裏由於我們是講解vuex，所以對於vue項目的創建我們不會講解太詳細）；在命令行輸入 vue init webpack web（使用webpack創建一個項目名爲web的項目）；
項目創建後，然後安裝vuex，使用命令：npm install vuex --save（安裝vuex保存到本地），安裝成功後你會看到這個界面：
然後我們執行npm run dev 啓動項目，在瀏覽器輸入：“localhost:8080”；正常的話然後我們會看到項目的啓動頁，
看到這個界面說明項目啓動成功。
然後我們在項目的src目錄下新建一個目錄store，在該目錄下新建一個index.js文件，我們用來創建vuex實例，然後在該文件中引入vue和vuex，創建Vuex.Store實例保存到變量store中，最後使用export default導出store：
然後我們在main.js文件中引入該文件，在文件裏面添加 import store from ‘./store’;，再在vue實例全局引入store對象；
然後我們就可以開始編寫我們的vuex業務代碼了，那麼，我們的數據如何保存？
State：
vuex中的數據源，我們需要保存的數據就保存在這裏，可以在頁面通過 this.$store.state來獲取我們定義的數據；
這時候我們頁面上就得到了這個count值1：
到這裏我們就可以在任何組件通過this.$store.state.count獲取count值（常用於保存登錄狀態）