Vuex部分问题

Vuex问题

1、提示 [vuex] unknown mutation type:

问题代码

//使用store.commit("socketMessageList",socketMessageList)

问题原因:

vuex中commit方法第一个参数应该是定义mutation,此处写成了state中定义的对象名,所以报错

正确代码:

store.commit("saveSocketMessageList",socketMessageList)

2、Vue监听不到Vuex store中值的变化

打印Vuex中socketMessageList的值已经更改,但是在APP.vue中监听不到

问题代码:

问题原因:

Vue watch监听优先监听的为当前Vue文件中定义的data或method,此处监听的为socketMessageList()方法,而不是Vuex中的对象

正确代码:

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

推荐阅读更多精彩内容

  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 8,298评论 0 6
  • 系列文章:Vue 2.0 升(cai)级(keng)之旅Vuex — The core of Vue applic...
    6ed7563919d4阅读 10,010评论 2 58
  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 12,440评论 4 111
  • vuex是一个状态管理模式,通过用户的actions触发事件,然后通过mutations去更改数据(你也可以说状态...
    Ming_Hu阅读 6,086评论 3 3
  • 本文对 Vuex 官方文档重新组织编排,希望正在学习 Vue 的同学们,在阅读后可快速使用 Vuex。 开始使用 ...
    大前端艺术家阅读 4,101评论 0 0