$set和$get是什么
时间: 2023-11-30 10:50:49 浏览: 74
在Vue中,$set和$get是Vue实例的两个内置方法。
$set方法用于向响应式对象添加属性。它的使用方法是通过this.$set(target, key, value)来指定目标对象target、要添加的属性名key以及属性的值value。这样就可以动态地给响应式对象添加属性。
$get方法用于获取响应式对象的属性值。可以使用this.$get(target, key)来获取目标对象target中属性名为key的值。
需要注意的是,$set和$get方法只能在响应式对象上使用,如果在普通对象上使用,它们将无效。在Vue的模板中,可以通过在插值表达式或指令中直接访问响应式对象的属性来获取属性值,无需使用$get方法。
例如,在一个Vue组件中,可以使用以下代码来向响应式对象obj中添加一个名为newProp的属性,并设置其初始值为'new value':
this.$set(this.obj, 'newProp', 'new value')
这样,就可以在模板中通过插值表达式{{obj.newProp}}来获取该属性的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue的$set和$get方法详解](https://blog.csdn.net/m0_72446057/article/details/129142717)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文