100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > VUE之状态管理(VUEX)

VUE之状态管理(VUEX)

时间:2022-11-07 20:49:12

相关推荐

VUE之状态管理(VUEX)

vuex包含有五个基本的对象

1、state:存储状态。也就是变量。

2、getters:派生状态。也就是set、get中的get,有两个参数:state、getter分别可以获取state中的变量和其他的getters,外部调用方式为store.getters.personinfo().就和vue的computed(计算属性)差不多。

3、mutations:提交状态修改。也就是set、get中的set,这是vuex中唯一修改state的方式,但不支持异步操作,第一个参数是state,第二个参数是要修改的值,外部调用方式为mit('SETAGE',18),和vue中的methods类似。

4、actions:和mutations类似。不过actions支持异步操作。第一个参数默认是和state具有相同参数属性的对象。外部调用方式为store.dispatch('nameAsyn').

5、modules:store的子模块,内容也就相当于是store的一个实例。调用方式和前面介绍的相似,只是要加上当前子模块名,如:store.a.getters.xxx().

vuex定义

vuex使用

1、在main.js中引入并挂载store.js:

2、在组件中使用:

(一)state

(二)getters

(三)mutations

(四)actions

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。