Vuex2.0初识

来源:互联网 发布:淘宝客服每日知识总结 编辑:程序博客网 时间:2024/06/05 11:09

State

vuex的单一状态树,使用一个对象就包含了应用层的所有状态。

Getters

Getters属性主要是对于state中数据的一种过滤,属于一种加强属性。一些简单或通用的操作可以提取到getters上来,方便在应用中引用。

Mutations

更改store中的状态的唯一方法是提交 mutation。mutation中写有修改数据的逻辑。另外mutation里只能执行同步操作。

Actions

action是动作,对于store中数据的修改操作动作在action中提交。action和mutation类似,但是action提交是mutation,并不直接修改数据,而是触发mutation修改数据。

Module

模块化,因为随着后面的业务逻辑的增多,把vuex分模块的开发会使得代码更加简洁。


使用方法:

1.读取store里的值:

  this.$store.state.字段名 

1.1如果是从moudle中取值

  this.$store.state.login.mobile

2.发起操作请求:

this.$store.dispatch('action中的方法名' , '参数') ;

3.getters的用法

this.$store.getters.filterDoned(filterDoned是一个方法

原创粉丝点击