## 1.將vuex的代碼切割,state,mutations的代碼可以放在外部 ### 1.1在外部定義個`state.js`文件 ~~~javascript function getCity() { let defaultCity = "天門"; try { if (localStorage.getItem('city')) { defaultCity = localStorage.getItem('city'); } } catch (e) { console.log(e) } return defaultCity; } export default { city:getCity() } ~~~ ### 1.2`mutations.js` ~~~javascript export default { changeCity(state, city) { //state表示state屬性中的數據 state.city = city; try { localStorage.setItem("city", city); } catch (e) { console.log(e); } } } ~~~ ### 1.3在`store.js`中引入就可以了 ~~~javascript import Vue from 'vue' import Vuex from 'vuex' import state from './state' import mutations from './mutations' Vue.use(Vuex) export default new Vuex.Store({ state, mutations }) ~~~