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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一.VueX 1. 关于 VueX VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目...
    Kinderzhu阅读 3,785评论 0 4
  • Vuex学习 一、Vuex是做什么的? 官方解释:Vuex是一个专为Vue.js应用程序开发的状态管理模式,它采用...
    waigo阅读 2,118评论 0 0
  • Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式它采用集中式存储管理应用的所有组...
    coderlion阅读 3,017评论 0 0
  • 参考:Vuex详解。 1. Vuex及其作用 Vuex:是一个专为 Vue.js应用程序开发的状态管理模式。它采用...
    瑟闻风倾阅读 4,855评论 0 7
  • 1. vuex简介 vuex是专门用来管理vue.js应用程序中状态的一个vue插件。他的作用是将应用中的所有状态...
    一只章鱼哥阅读 2,118评论 0 0