vuex的方法和描述

vuex的方法和描述

1.什么是vuex：

vuex是一个专门为vue.js应用程序开发的状态管理模式。通俗点说就是我们项目中需要共享的一些数据的管理容器，这里的状态就是数据。

2.什么时候会用到vuex：

简单的说就是当你在构建一个中大型单页用的时候，需要在组件外部管理状态，这个时候vuex就是最好的选择。

3.vuex由哪几部分组成的呢：

State：vuex的仓库，存放状态 用法： vuex存放数据的地方

Getters：计算属性 用法：似组件的计算属性，计算结果会缓存

Mutations：对state进行操作 用法：对state中的数据修改，在页面中用this.$store.commit（）调用。

Action：异步操作 用法：在组件中用this.store.dispatch("")用

Module：模块化状态管理 用法：为了开发大型的项目，方便管理用得

plugins：插件 用法：函数内容，第一参数是store，方便对store对象调用

4.单个的辅助函数

//上方调用直接时{{传过来的方法名}}

import {"mapState","mapMutations","mapGetters"，"mapActions"} from "vuex"
			

computed:{

...mapState(["传过来的定义的名"，"传过来的定义的名"])	//数组的方式
...mapState({变量(自己随便定义):"值（传过来的数据）"，numb:"num"})	//对象的方式在上面调用变量{{numb}}

//vuex的计算属性和state在同一个computed中，，在vuex中计算，在组件上调用{{方法名}}

...mapGetters(["方法名",""])

},
methods:{
//vuex中事件和异步操作在同一个methods下
...mapMutations(["传过来方法名"，"传过来的方法名"])	//数组的方式
...mapActions({add(自定义，做标识符使用):"addmun(vuex传过来的名)"})//有事件就用，内有事件要用到生命周期来调用
}