一.Vuex
Vuex是有五个部分组成的,分别state,getters,mutations,actions,modules。
下面依次介绍他们:
1.state
把各个组件中的全局数据,放在store中,方便后期进行数据的获取。修改vuex中的store的唯一方式是提交个mutation
2.getters
是把各个组件中统一使用的computed放到vuex中的getter进行操作,使用getters可以减少代码冗余。
3.mutations
是修改vuex的store中的状态的唯一方法,此外,还有一条重要的原则是mutation必须是同步函数,不能是异步函数。
4.actions
是专门用来处理异步问题。实际修改store中的状态依然是mutations。
5.modules
store可以认为是一个主模块,像user模块可以写在store模块下,同时user模块可以拥有state.js,getters.js,actions.js,,mutations.js,index.js文件
在user模块中的index.js文件要有命名空间,即
```js
namespaced: true,
```
- 辅助方法
写在computed中: mapStates(['Name']) mapGetters(['Name']) 写在methods中: mapMutations(['Name']) mapActions(['Name'])
对应的demo案例地址:https://gitee.com/xu_xia_ke/v...,喜欢的就star一下吧
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。