在Vue中，$set是一個重要的API，它允許我們在響應式對象中添加新的屬性。然而，在使用$set時，有時會遇到一些報錯的問題。這篇文章將探討其中一個常見的錯誤。

假設有一個名為“person”的響應式對象，如下：

data() {
return {
person: {
name: 'Alice',
age: 21
}
}
}

現在我們想要在“person”對象中添加一個新的“address”屬性，我們可以使用$set：

this.$set(this.person, 'address', '123 Main St')

然而，如果我們嘗試在沒有“person”對象的情況下使用$set，我們會遇到如下錯誤：

this.$set(this, 'person.address', '123 Main St')

會導致如下報錯：

Uncaught TypeError: Cannot create property 'address' on string 'Alice'

這個錯誤的原因是我們試圖向“person”對象的“address”屬性添加一個新值，但是在這個對象中并沒有“address”屬性，因此Vue把“person”對象當作一個字符串來處理，試圖給“Alice”字符串添加一個新屬性“address”，這顯然是不可能的。

為了避免這個錯誤，我們需要先確保“person”對象存在，例如：

this.$set(this, 'person', {
name: 'Alice',
age: 21,
address: '123 Main St'
})

這樣我們就可以成功地向“person”對象中添加一個新屬性了。