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

青旅半醒 2023-08-17 17:43 212阅读 0赞

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

翻译

避免替换实例根$data。请改用嵌套数据属性

错误的代码

  1. const demoData={
  2.     name:"小明",
  3.     age:19
  4. }
  6. this.$data=demoData; //此种直接赋值即会导致警告产生(对象的拷贝默认是深拷贝即引用)

产生原因

最新的Vue已经不允许这样直接对跟实例$data进行赋值

解决方案

使用 Object.assign() 进行浅拷贝

  1. const demoData={
  2.     name:"小明",
  3.     age:19
  4. }
  6. Object.assign(this.$data,demoData);

转载于:https://www.cnblogs.com/roseAT/p/11360582.html

发表评论

表情：
评论列表 （有 0 条评论，212人围观）

还没有评论，来说两句吧...

相关阅读