开发时解决数据回显的小方法

1.数据回显：指已经提交或未提交的数据，再次出现。如跳转进一个添加用户信息页面，在一个输入框中书写了数据“张三”，点击取消之后，再次跳转进添加用户信息页面，输入框中还未书写却已经出现张三这一问题。

2.一行代码解决vue中数据回显问题

Object.assign(this._data, this.$options.data());

3.解释

Object.assign()这个方法能够合并对象，并且会将第二个参数对象覆盖第一个参数对象的相同字段的数据，不相同的字段都会保留。然后返回值和第一个参数对象都会变为合并后的对象。

this._data能够拿到当前组件中的响应式数据（注意是完整的数据），this.$options能够拿到当前组件的配置对象信息，this.$options.data()拿到配置对象中的data函数数据（注意是空的数据），所以两者合并之后就全部变成空有字段的空数据，实现目标。