Vueの开发警告[Vueの警告]：インスタンスのルート$データを交換することは避けてください。代わりに、ネストされたデータのプロパティを使用します。

インスタンスのルート$データを交換することは避けてください。代わりに、ネストされたデータのプロパティを使用します。

翻訳

ルートの例には、$データを交換することは避けてください。ネストされたデータ属性を使用してください

エラーコード

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

this.$data=demoData; //此种直接赋值即会导致警告产生(对象的拷贝默认是深拷贝即引用)

原因

最新のVueが直接このインスタンスデータ$割り当てで許可されていません

ソリューション

使用Object.assign（）シャローコピーを

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

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