我如何更改Vue对象的全部数据？

Question

简而言之，我只想更改Vue对象的整个数据，如下所示：

vueobj.$data = newdata; 

但是官方文件说不允许：

VM156 vue.js：597 [Vue警告]：避免替换实例根$ data。使用嵌套的数据属性。

（位于）

因此，我尝试了另一种方法：首先通过$destroy()销毁vueobj，然后创建一个新的vueobj，以将新数据对象绑定到相同的UI元素，但是在那之后，UI元素仍然使用旧数据。那么我该如何解决这个问题呢？谢谢！

Answer 1

我认为您不能更改整个数据对象。销毁和重新创建似乎也不对。但是您可以将数据1中的值更改为1。

例如https://codepen.io/jacobgoh101/pen/geXgVX?editors=1010

const vueApp = new Vue({
  el: '#app',
  data: {
    number: 1
  }
});

您可以通过在Vue实例外执行number来更改vueApp.number = //...。>>

希望这实际上是您要的。

Answer 2

这很棘手，但是您可以遍历数据属性和：

Answer 3

正如它所说，您需要使用一个嵌套的属性来包装要替换的数据，因此只需要事先做一些计划。