~~~ ## 1.使用緩沖實現數據的持久化 ~~~javascript localStorage.setItem("city",citye); localStorage.getItem("city") //技術要點,使用localStorage的時候使用try-catch對代碼進行包裹 try{ localStorage.setItem("city",city) }catch(e){ console.log(e) } ~~~ - 在`store.js`中設置 ~~~javascript import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { city:getCity() }, mutations: { changeCity(state,city){ //state表示state屬性中的數據 state.city = city; localStorage.setItem("city",city); } }, }) function getCity(){ let defaultCity = "天門"; try{ if(localStorage.getItem('city')){ defaultCity = localStorage.getItem('city'); } }catch(e){ console.log(e) } return defaultCity; } ~~~ ~~~