Vue中數據動態添加屬性

vue現有的對象動態的添加屬性：
例如有數據 ：

data(){
	return {
		userInfo:{ age:99 }
    }
}

如果在函數或者計算屬性中爲userInfo添加name屬性， 我們可能會

 this.userInfo['name'] = 'hangzhou';

這種方式添加的屬性在頁面中使用時，是無法被雙向綁定的，也即是當該屬性發生變化時，頁面不會發生更新。

解決：

在首次定義該屬性時使用this.$set();方法，即可將該屬性添加到Vue的監聽中。

this.$set(this.userInfo, 'name', 'hangzhou');