元件模組封裝後，發現側邊欄收縮和展開的功能不起作用了，這是因為，按鈕在頭部元件，側邊欄在側邊欄元件，元件之間預設不共享資訊。為了解決該問題，我們引入了vuex專門管理應用狀態，解決元件狀態共享。

安裝

npm install vuex --save（回車）

測試

參考文獻：
Vue + Element UI 實現許可權管理系統 前端篇（八）：管理應用狀態
https://www.cnblogs.com/xifengxiaoma/p/9558290.html

【注】可將中data下的isCollapse註釋

按照上文的方法，點選選單切換按鈕時出現問題

只能一步一步排查

• 檢查是否引入vuex成功
  

將其修改為：

 isCollapse:true  // 導航欄收縮狀態

測試，發現側邊欄收縮了，但切換按鈕還是不能點，報一樣的問題

• 網上查閱資料，發現在函式中引用store需要加上this（版本問題），還需要this.$store.commit('')傳入的引數必須和store中的方法名相同，但也可與當前頁面中的方法名不同。

最終效果