vuex属性添加对象
来源:互联网 发布:骑俄罗斯大洋马 知乎 编辑:程序博客网 时间:2024/05/17 06:10
楼主在做Vue项目的时候,遇到了一个问题,在使用Vuex对数据状态进行管理,根据Vuex官方文档上面说的,操作state对象需要通过Mutations,在我使用Mutations对已经初始化的对象(这个变量是空的对象)添加属性时,控制台会抛出错误,提示该属性没有定义,没有进行初始化;
刚开始看到这个错误的时候,我也是一脸懵逼,我以为是代码逻辑出了问题,因为对于其他属性的操作都是没问题的,于是又花时间去查看自己的代码,但是反复查看也没有发现问题,后来,又回去查看官方文档,在Vue的官方文档里面,发现了问题所在:点击查看 Vue.set;
我们在Vuex里面初始化的对象,其实都是被Vue观测的,而我们对Vue观测的属性添加对象的时候,是不能直接添加的,必须使用Vue.set方法,vm.$set(target, key, value),应用在Vuex中就是Vue.$set(this.$store.state.obj, name, value);
在实际的应用中我们是无法直接使用Vue.$set的,如果我们直接使用Vue.$set,而在组件中又没有对Vue(import Vue from 'vue')进行引用的话,控制台就会报错"Vue is undefined",因为全局的Vue在组件中都是以this的形式存在的,因此我们需要用this替换Vue,便可以解决问题。
最后还是要说一声,Vue确实很好用,能够快速搭建自己的项目。
阅读全文
0 0
- vuex属性添加对象
- flex添加对象属性
- JavaScript对象动态添加属性
- 开发中添加对象属性
- 动态添加js对象属性
- 数组和对象添加属性
- Vuex的五个核心属性
- js 对象动态添加属性、合并属性
- 给对象添加属性----Prototype原型对象
- vuex
- vuex
- vuex
- Vuex
- vuex
- vuex
- vuex
- vuex
- vuex
- shell完成闪瞎钛合金狗眼的进度条
- 每日一题(9)—— 写一个标准宏MIN,这个宏输入两个参数并返回较小的一个
- css3之元素的缩放、渐变、旋转和平移
- 用Java实现Spring+MyBatis的配置
- HDU 3709 数位DP
- vuex属性添加对象
- Android SwipeRefreshLayout 与 CoordinatorLayout 嵌套刷新
- Android Mvp简单梳理
- [ubuntu 12] 查看文件命令 2015年总结
- MySQL导入-导出数据库-mac版
- Python数据合并
- 移动端开发小知识点
- DES、AES、RSA等常用加密算法介绍与比较
- 18. 4Sum