如何通过Vue实现将组件data重置为初始状态的操作？

本文共计599个文字，预计阅读时间需要3分钟。

在特定情况下，需要重新使用data中的数据，但数据已被各种表单、变量等赋值，如何重置data的值？

1. 遍历赋值...data() {...} // 遍历赋值重置data

在某些情况下，需要重新使用data中的数据，但是data中的数据已经被各种表单、变量等赋值，那么怎么重置data的值呢？

1. 逐个赋值

... data() { return { name: '', sex: '', desc: '' } } ... // 逐个赋值 this.name = '' this.sex = '' this.desc = ''

这个方法比较笨，当然也可以实现效果，但是一个一个去重新赋值比较麻烦而且代码看起来也会比较乱。

下面这个方法肯定是你喜欢的，一行代码搞定～

2. 使用Object.assign()

MDN关于该方法的介绍：Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。