Vue開發警告[Vue warn]: Avoid replacing instance root $data. Use nested data properties instead.

Avoid replacing instance root $data. Use nested data properties instead.

翻譯

避免替換實例根$data。請改用嵌套數據屬性

錯誤的代碼

const demoData={
	name:"小明",
	age:19
}

this.$data=demoData; //此種直接賦值即會導致警告產生(對象的拷貝默認是深拷貝即引用)

產生原因

最新的Vue已經不允許這樣直接對跟實例$data進行賦值

解決方案

使用 Object.assign() 進行淺拷貝

const demoData={
	name:"小明",
	age:19
}

Object.assign(this.$data,demoData);