我们开发中可能遇到表单或页面渲染之后再打开,可能会带有上一次渲染的数据,这时我们需要把表单或页面数据初始化。

参考链接：vue 初始化data里面的数据，表单重置 - liuruyi007 - 博客园

1、vue 表单初始化，vue在创建页面是会把data数据绑定到option属性里，恢复只需要调用就可以了

this.form = this.$options.data().form

2、初始化data里面某一条数据，至页面初始化时候的状态，常用于表单重置操作

this.数据名 = this.$options.data().数据名;//重置某一个指定的数据

3、初始化data里面所有数据，至页面初始化时候的状态

方法一：

this.$data = this.$options.data(); //初始化data里面的所有数据

方法二：

Object.assign(this.$data, this.$options.data()) //获取data源对象，覆盖当前data对象状态