vue2 this.$set

引用\[1\]中提到了Vue.js中的响应式原理，其中涉及到了Vue.set和this.$set的关系。引用\[2\]给出了一个示例代码，展示了在Vue组件中使用this.$set的情况。在这个示例中，通过点击按钮来添加一个新的属性age到form对象中。如果直接使用this.form.age = 10来添加属性，是无法实现响应式的。而使用this.$set(this.form, age, 10)则可以成功添加属性并实现响应式。引用\[3\]也给出了另一个示例代码，展示了在Vue组件中使用this.$set来添加属性的情况。在这个示例中，通过调用changeObj和changeArr方法来分别给obj对象和arr数组添加新的属性。通过this.$set方法可以实现对对象和数组的属性添加并实现响应式。
#### 引用[.reference_title]
- *1* *2* [Vue2中$set的使用](https://blog.csdn.net/gkx19898993699/article/details/128146171)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Vue2中this.$set()详解](https://blog.csdn.net/weixin_56650035/article/details/118499385)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]