Vuex的核心属性简述

154 阅读1分钟

vuex的核心属性有五个, 分别是: state , mutation , action , getter , module

1.state:用于保存需要全局共享的数据,在组件中访问state里面的数据用 this.$store.state.数据名或者辅助函数

  1. mutation:用于修改state里面的数据,每个mutation都有一个字符串的事件类型和一个回调函数,我们需要改变state 的值就要在回调函数中改变,我们要执行这个回调函数,那么需要执行一个相应的调用方法:store.commit()

3.action: action可以提交mutation.在action 中可以执行store.commit而且action中可以有任何的异步操作,在页面中如果们要调用这个action,则需要执行store.dispatch

4.getter: 从基本数据state派生的数量,相当于state的计算属性,具有返回值的方法

5.module: 模块化vuex,可以让每一个模块哟弄个有自己的state、mutation、action、getter,使得结构非常清晰,方便管理。