vuex的5个属性_vuex设置命名空间[通俗易懂]

Vue (69) 2023-09-08 14:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说vuex的5个属性_vuex设置命名空间[通俗易懂],希望能够帮助你!!!。

state:状态存储

所有的共用状态都保存到state中,每个组件使用的时候就可以通过this.$store.状态中的属性,就可以获取到状态中的值;

this.$store.state.全局数据名称

getters: 相当于Vue中的计算属性,可以将加过处理过的数据返回,如果需要使用加工处理过的数据,在getter中写方法,然后调用该方法就可以使用加工过的数据;

this.$store.getters.getter中的方法名

mutations: 修改state数据

唯一可以修改state中数据的的方法;将修改数据的事件全部写在mutations中,需要修改或更新state数据的是就用该事件处理。

组件中可以通过commit事件调用,或者actions异步处理完后调用该事件;

this.$store.commit("事件名称",参数)//组件中调用
comtext.commit("事件名称",参数)//action中调用

actions: 异步处理

用于处理异步事件,然后掉mutations中的事件更新state中的数据

this.$store.dispatch("actions中的事件")

modules: 模块化

可以将vue中的数据或者方法事件分成不同的模块,便于管理;因为有时候项目太大,整体管理太麻烦,也会造成混乱,可以使用modules进行模块化管理;

关注收藏不迷失,vuex如何使用会全面整理后再发小文章;

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

发表回复