將選中的城市保存到localStorege 防止頁面刷新改變

為防止有些用戶關閉了localStorage的功能 瀏覽器會報錯，我們用try...catch...

優化：

優化代碼裏的 {{this.$store.state.city}}

Vuex提供了一個api

Import { mapState } from ‘vue’

然後在computed計算屬性中 將公用的city映射到計算屬性的city中

...mapState 裏面也可是對象形式

優化2：

this.$store.commit(‘changeCity‘, city)

引入 import { mapState, mapMutations } from ‘vuex’

Getters

Vuex 允許我們在 store 中定義“getter”（可以認為是 store 的計算屬性）。就像計算屬性一樣，getter 的返回值會根據它的依賴被緩存起來，且只有當它的依賴值發生了改變才會被重新計算。

Vuex的高級使用及localStorage