vuex

用来管理项目的全局状态(数据)

成员:

state:用来管理状态(数据)

mutaions:用来修改状态

辅助函数:

mapState

mapMutaions

工具:dev-tool

作用:可能用来实时监控 vue 中的数据

查看组件中的数据

还可以查看 vuex 中的数据

vuex - actions

说明:

vuex 由以下几个部分组件:

state:存储数据

mutaions:修改 state

专门用于修改 state

只能处理同步操作

如果强行进行异步操作,页面上依旧会有效果

但是 dev-tool 无法检测到数据 的变化

所以在 mutaions 中绝对不允许执行异步代码

actions:专门用来处理异步操作

专门用来处理异步操作

操作的结果交给 mutaions 就可以了‘

作用:

在 vuex 中进行异步处理

用法:

定义 actions 方法

new Vuex.Store({

    actions:{setUserInfo(context,payload){

            // 异步操作

           setTimout( () => { context.commit ('setUserInfo', payload)},1000)}

})

调用方法

// .vue 文件中

this.$store.dispatch('setUserInfo', data)

特点:

1.0 用来进行异步处理

2.0 处理的结果交给 mutations

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容