首先，必須安裝vuex的依賴

npm install vuex --save-dev

創建專屬vuex的文件夾和store.js:

store.js里引入并應用插件vuex

定義常量state,用于存放變量&&定義常量mutations存放對變量的處理方法：

導出Vuex.store的實例，參數為剛才定義的state和mutations:

最后，還要在入口js文件引入到Vue的實例之中：

之后，我們就可以在組件當中，調用到我們在vuex存放的變量和方法：

首先：在父組件調用變量headTitle:

需要用到計算屬性computed和vuex的mapState:(注釋的寫法也可以，但是mapState可以引入多個變量，比較方便)

這樣，頁面<h1>就會顯示我們保存的變量headTitle的值為“口袋香港”

之后，我嘗試在子組件，利用mutations的方法去改變headTitle的值：

結果，每次的改變，父組件的<h1>都會跟隨改變。

這就是vuex的小小的應用實現。

以上這篇在Vue-cli里應用Vuex的state和mutations方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。