关于VueX浅见
-
首先在store.js主要有五个属性 state,mutations,actions,getters,modules
-
下面分别介绍一下
state:**Vuex 使用单一状态树,既每个应用将仅仅包含一个store实例,单单一状态树和模块化并不冲突。存放的数据状态,不可以直接修改里面的数据
。* |
mutations:mutations定义的方法动态修改Vuex的store中的状态或数据。
|
actions:action可以理解为通过mutations里面处理数据的方法变成可异步的处理数 据的方法,简单的说就是异步操作数据。view层通过store.dispath来分配action。
|
getters:****类似vue的计算属性,主要用来过滤一些数据。**
|
modules:项目特别复杂的时候,可以让每一个模块拥有自己的state,mutation,action,getters,使得结构非常清晰,方便管理
|
3.由此衍生的mapState,mapMutations,mapActions,mapGetters
四个应用的属性。
4.衍生属性的通常用法
<1 都用于computed计算属性中,可以做到时时改变
<2 mapState 在调用页面的computed:{}里 详细查看大佬链接:https://blog.csdn.net/dkr380205984/article/details/82185740
mapGetters 在调用页面的methods:{}里 详细查看大佬链接:
https://blog.csdn.net/dkr380205984/article/details/82220250
现在只单纯写些基本的内容,自己做个小记录,后期会改进O…