vue 初始化data里面的数据，表单重置

Vue组件可能会有这样的需求：

在某种情况下，需要重置Vue组件的data数据。此时，我们可以通过this.$data获取当前状态下的data，通过this.$options.data()获取该组件初始状态下的data。

然后只要使用Object.assign(this.$data, this.$options.data())就可以将当前状态的data重置为初始状态

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

原链接：https://www.jianshu.com/p/0b6a9b3653bd

 

vue 表单初始化

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

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

 

初始化data里面所有或者某一条数据，至页面初始化时候的状态，可用于表单重置操作

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

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

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

原文链接：https://blog.csdn.net/qq_60961397/article/details/126037097

 

原链接：

https://blog.csdn.net/weixin_43840202/article/details/113939230

 

 

追加对象：

Object.assign(this.formData, { type: 'add' })

复制对象：

Object.assign({}, this.formData)

复制对象的简单用法如下：

a = {
key: 'who i am',
Object.assign({}, this.formData)
}

详细文档参考：
Object.assign()

原文链接：https://blog.csdn.net/Xidian2850/article/details/104887396

 

Vue中的this.$options.data()和this.$data用法说明

链接：https://www.jb51.net/article/191773.htm