1、vuex是什么?
vuex是一种状态管理模式,集中存储管理应用所有组件状态。
2、vuex的核心
vuex的核心是store。 通过在根实例中注册store选项,store实例会注入到根组件下所有的子组件,子组件能通过this.$store访问到
3、vuex的各个模块功能
VueComponent:负责接收交互行为;通过dispatch方法触发action响应
action:负责响应VUeComment接收的交互行为动作(包含同步异步操作);通过commit方法提交mutation
mutation:改变状态(用于实际操作数据,修改是state);只能用于同步操作
state:负责存储数据,管理状态。
4、流程
Vue组件接受交互行为,通过dispatch方法触发action相关处理,若页面状态需要改变,通过commit方法提交mutation修改state状态,通过getter获取state新值,然后重新渲染VueComponent,界面随之改变。
使用方法
1、安装
2、引入,使用,创建store对象,配置state、action、mutation、getter
3、导出store对象
4、在入口文件中导入store.js 文件,在根组件中传入自定义的store对象