【 vue / uniapp 】为data中的对象动态增长属性

首先要明确一点：vue不支持在实例建立以后为对象动态增长属性。

意思就是说，若是想动态增长对象属性，那么用常规方式是不能够的，只能经过特殊方式。

 

图中，有三种对象：

一、obj：一级对象

二、subObj：二级对象

三、{ caption: '...' }：数组中的对象元素

 

若是先不考虑以前的那条知识点，都使用最简单的方式给上面的三种对象增长属性：

咱们看看控制台的信息：

首先看 obj 对象，会发现新增长的 status 属性并无 get/set 函数，因此这个属性不会在视图中动态响应。

 

以后看 obj.subObj 这个嵌套子对象，发现新增长的 attr 属性也没有 get/set 函数，因此这个属性也不会动态响应。

 

对于数组元素对象，不出预料，新增长的 status 属性也没有 get/set 函数，因此这个属性也不会动态响应。

 

正确姿式：

 

再看控制台：