一、$set = >添加屬性
<div id="itany">
<button @click="doAdd">添加屬性</button>
<h2>{{user.age}}</h2>
</div>
var vm = new Vue({
el: '#itany',
data: {
user: {
id: 1,
name: 'zhang'
}
},
methods: {
doAdd() {
this.$set(this.user, 'age', 18); //通過vue實(shí)例的$set方法為對(duì)象添加屬性，可以實(shí)時(shí)監(jiān)視
Vue.set(this.user, 'age', 22); // Vue.set(this.user,'age',22);全局方式也可以設(shè)置
//if (this.user.age) {
// this.user.age++;
//} else {
// Vue.set(this.user, 'age', 1);
//}小判斷，如果user對(duì)象存在age屬性，就加一，否則添加屬性age并賦值1
},
}
});
二、$delete = >刪除屬性
<button @click="doDelete">刪除屬性</button>
doDelete() {
if (this.user.age) {
Vue.delete(this.user, 'age'); //全局方式
}
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
