## 1.組件中定義事件 ~~~ <div class="button" @click="handleCityClick(item.name)" v-for="item of hotCities" :key="item.id">{{item.name}}</div> ~~~ ## 2. this.$store.dispatch向vuex觸發一個事件 ~~~ methods:{ handleCityClick(city){ this.$store.dispatch('changeCity',city); } } ~~~ ## 3.在vuex中通過action屬性接收 >Tip:actions中事件的名稱要和dispatch中一樣 ~~~ export default new Vuex.Store({ state: { city:'天門' }, actions: { // 接收組件通過事件傳遞過來的數據 changeCity(ctx,city){ ctx.commit('changeCity',city) } }, mutations: { changeCity(state,city){ //state表示state屬性中的數據 state.city = city; } }, }) ~~~ ## 4.通過ctx.commit向vuex的mutations屬性傳遞事件 ## 5.再通過state參數去改變值