Vuex

94 阅读1分钟

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对象