在vuex里怎么更改数据?

获取数据:

vuex中$store.state是可以获取vuex仓库的数据,vuex仓库的数据是共享的,不管是顶级组件App.vue还是components里的子组件,都可以通过$store.state拿到vuex仓库里面的数据(state);vuex中的state类似data;

为了代码的简洁性.可以用计算属性computed结合仓库的数据计算仓库内state数据的变化;

更改数据:

vuex修改数据在mutations里面修改{所有组件(顶级组件和子组件)都可以在这里修改数据}

在组件methods中定义方法即可, 用this.$store.commit('方法名',参数)  行内绑定事件

把方法定义到main.js中mutations中即可

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

推荐阅读更多精彩内容

  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 8,040评论 4 111
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,153评论 0 6
  • 姓名:岳沁 学号:17101223458 转载自:http://blog.csdn.net/h5_queensty...
    丘之心阅读 2,158评论 0 1
  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,964评论 0 7
  • Vuex 的学习记录 资料参考网址Vuex中文官网Vuex项目结构示例 -- 购物车Vuex 通俗版教程Nuxt....
    流云012阅读 1,474评论 0 7