vuex的五个属性及使用方法(vuex详解和用法)

编程之家2026-06-25602次浏览

大家好，关于vuex的五个属性及使用方法很多朋友都还不太明白，今天小编就来为大家分享关于vuex详解和用法的知识，希望对各位有所帮助！

Vuex有五个核心概念：

1、state：vuex的基本数据，用来存储变量(后四个属性都是用来操作state里面储存的变量的)。

2、getters：是对state里面的变量进行过滤的。

3、mutation:提交更新数据的方法，必须是同步的(如果需要异步使用action)。

4、action：和mutation的功能大致相同，不同之处在于：

1.Action提交的是mutation，而不是直接变更状态。也就是action是用来修改mutation并提交的而 mutation是通过修改state

2.Action可以包含任意异步操作。(一般比较复杂的数据都在action中操作)

3.action先会执行异步操作再去调用mutation，随后才跟新state

5、modules：项目特别复杂的时候，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。

dispatch：是跟action一块用的，含有异步操作，例如向后台提交数据，写法：this.$store.dispatch('mutation的方法名',获取值)

commit：是跟mutation一块用的，同步操作，写法：this.$store.commit('mutation的方法名',获取值)

Vuex就是提供一个仓库，store仓库里面放了很多对象，其中state即使数据源存放地。

〖名解〗库房，储物之仓也，地面建筑之物也。该穴名意指胃经气血中的五谷精微物质在此屯库。本穴物质为气户穴传来的地部经水。

因胃经经水有缺盆穴的溃散、气户穴的水液气化，流至本穴的地部经水较为干枯，经水中所含的脾土微粒则因无水的承载运化而沉积于胃经所过之处，如在库房穴存积一般，故名。

中医库房穴：

库房:经穴名。出《针灸甲乙经》。属足阳明胃经。在胸部，当第1肋间隙，距前正中线4寸。布有胸前神经分支，胸肩峰动、静脉及胸侧动、静脉分支。主治咳嗽，气喘，胸胁胀痛，咳吐脓血等。斜刺0.3-0.5寸，不宜深刺。艾炷灸3-5壮；或艾条灸5-10分钟。

〖取穴方法〗库房穴位于人体的胸部，当第1肋间隙，距前正中线4寸。

〖解剖〗在第一肋间隙有胸大肌、胸小肌，深层为肋间内、外肌，有胸肩峰动、静减及胸外侧动、静脉分支；布有胸前神经分支。

〖主治疾病〗咳嗽，气喘，咳唾脓血，胸肋胀痛。

〖人体穴位配伍〗配屋翳穴治胸肋胀痛。

〖刺灸法〗斜刺或平刺0.5～0.8寸。

〖穴义〗胃经的五谷精微在此屯库。

vuex的五个属性是：state，getters，mutations，actions，modules这五个。

state：vuex的基本数据，用来存储变量。

geeter：从基本数据(state)派生的数据，相当于state的计算属性。

mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。

每个mutation都有一个字符串的事件类型(type)和一个回调函数(handler)。

回调函数就是我们实际进行状态更改的地方，并且它会接受state作为第一个参数，提交载荷作为第二个参数。

action：和mutation的功能大致相同，不同之处在于Action提交的是mutation，而不是直接变更状态，Action可以包含任意异步操作。

modules：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。

END，本文到此结束，如果可以帮助到大家，还望关注本站哦！