vue中在data(){}里的数据才是响应式的,有的场景,比如说后端返回的接口对象里,想再增加一个属性,作为响应式,这时候可以用到$set添加。
$set总共三个参数,第一个为当前对象,第二个为属性名,第三个为属性值。
<template>
<div>
{{obj}}
</div>
</template>
<script>
export default {
name: "index",
data(){
return{
obj:{
name:"123"
}
}
},
mounted(){
this.$set(this.obj,'age',100)
}
}
</script>
<style scoped>
</style>