vue 動態添加單個，多個屬性,觸發視圖更新

昨天在vue項目中由於一些需求須要在JSON中新增一個屬性,也能console出來,可是就是不能在頁面渲染,即不能觸發視圖更新 

以前咱們向對象中新增屬性的時候直接是這樣寫的:

var obj={};
obj.name="wenwen";複製代碼

我也在項目中這樣寫了,因此就報錯了,哈哈哈~

其實在vue 中新增屬性應該用$set這個方法的

1. 添加單個屬性

用$set()方法，既能夠新增屬性,又能夠觸發視圖更新。

this.$set(this.data,」key」,value)複製代碼

此時咱們應該這樣寫:

this.$set(this.obj,"name","wenwen");複製代碼

這樣就沒錯啦~~

2.添加多個屬性

使用 Object.assign()用原對象與要混合進去的對象的屬性一塊兒建立一個新的對象。

this.obj=Object.assign({}, this.obj, {				  
                                  age: 18,
				  love: '帥哥'
				})複製代碼