vue恢复初始数据 (重置) 替换this.$data, this.$options.data()

vue恢复(重置)初始数据

在vue开放中我们会遇到一个页面或者一个弹窗让他恢复到原始数据的情况，如果数据不多我们可以重设赋值一下，但数据较多的情况下会比较麻烦，这时候可以用到

this.$data，this.$options

this.$options.data() 这个是vue原始的数据，就是页面刚加载时的data
this.$data 这个是现在阶段的vue数据，就是改变data的数据

<a-button class="cancelbtn" @click.stop.prevent="cancel">重置</a-button>

 cancel() {
      Object.assign(this.$data, this.$options.data())
    }