在开发收藏
功能时,需要手动给数据对象添加一个数据类似于favorited
// some code ...
item.favorited = false
// click favorite btn
item.favorited = true
上文中的favorited
其实已经更新了,但是由于我们在新增属性的时候item.favoirted = false
直接赋值的,而 Vue 无法深度监听这样赋值的数据,所以我们需要这样
// get init data code ...
// 这样代码相当于把 favorited 这个属性加入深度监听
this.$set(item, 'favorited', false)
// click favorite btn
item.favorited = true // 此时该属性已经可以触发视图监听了