Vue 高仿去哪儿网--【十一:VueX初始+使用方法】

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 的编程式导航

猜你喜欢

转载自blog.csdn.net/weixin_41964994/article/details/81366887