vuex是基于vue框架的一个状态管理工具
vuex的作用: 管理需要在多个组件中共享的数据
一、安装
npm i vuex -S
二、使用
1、main.js里写入下面的代码:
2、创建vuex.js文件夹并写入下面的代码:
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default store
3、工作原理
4、使用流程
=>>> .main.js
state
1、在组件当中获取state方法当中的参数
this.$store.state 对象,数据都在对象内部
mutations
actions
1、在组件当中调用vuex的action方法
基本的调用流程
补充
1、在actions当中可以调用其他的actions,因为在context上下文参数当中有dispatch对象。
2、在组件当中也可以调用mutation方法,在this.$store方法下面有commit方法。
vuex辅助方法
基本操作
this.$store.dispatch("调用函数的名字",[要传递的参数])