在VueJs的object中添加新属性时，如何触发变更？

在Vue.js中，当我们向一个对象添加新属性时，Vue.js默认不会触发视图的更新。这是因为Vue.js在实例化时会将对象转换为响应式对象，只有在初始化时存在的属性才会被转换为响应式，后续添加的属性不会被自动转换。

为了解决这个问题，我们可以使用Vue.set方法或者直接使用赋值的方式来添加新属性并触发变更。

1. 使用Vue.set方法：Vue.set(object, propertyName, value);
   • object: 需要添加属性的对象。
   • propertyName: 新属性的名称。
   • value: 新属性的值。

示例代码：

Vue.set(this.object, 'newProperty', 'new value');

1. 直接使用赋值的方式：this.object.newProperty = 'new value';注意：直接赋值的方式只适用于根级别的属性，如果需要添加嵌套属性，仍然需要使用Vue.set方法。

以上两种方式都会触发Vue.js的响应式系统，使新属性能够被Vue.js检测到并更新视图。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）

• 产品介绍链接地址：https://cloud.tencent.com/product/cvm