溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關state和mutations方法怎么在Vue-cli中使用，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
首先，必須安裝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可以引入多個變量，比較方便)
這樣，頁面<h2>就會顯示我們保存的變量headTitle的值為“口袋香港”
之后，我嘗試在子組件，利用mutations的方法去改變headTitle的值：
結果，每次的改變，父組件的<h2>都會跟隨改變。
上述就是小編為大家分享的state和mutations方法怎么在Vue-cli中使用了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
