Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
安装
npm install vuex -save
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
安装 Vuex 之后,让我们来创建一个 store
点击热门城市的时候,所以给热门城市绑定一个事件,当想修改state中的数据时,根据流程图可以知道
想调用Actions时就得先调用dispatch这个方法,然后再通过commit去调用mutations方法,这里没有异步操作,没必要转发,直接通过commit去调用mutations方法
这里希望可以点击按钮后跳转到想要的页面,可以用vue 的编程式导航