Vue.js响应式对象添加新属性：使用Vue.set()方法

{"title":"Vue如何给data中的对象添加一个新属性，并保证响应式","description":"Vue中可以使用Vue.set(object, key, value)方法给对象添加一个新属性，并保证响应式。\n\n示例代码如下：\n\njavascript\n// 创建一个Vue实例\nvar vm = new Vue({\n data: {\n obj: {\n name: 'Tom',\n age: 20\n }\n }\n})\n\n// 给obj对象添加一个新属性\nVue.set(vm.obj, 'gender', 'male')\n\nconsole.log(vm.obj.gender) // 输出：male\n\n// 修改obj对象的属性值，保证响应式\nvm.obj.gender = 'female'\n\nconsole.log(vm.obj.gender) // 输出：female\n\n\n在上述示例中，我们使用Vue.set()方法给obj对象添加了一个新属性gender。当我们修改obj对象的gender属性值时，Vue会保证该修改是响应式的，即会触发视图的更新。"}