vue恢复初始数据this.$data,this.$options.data())

vue恢复初始数据

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

this.$data，this.$options

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

下面是一个弹窗的数据，在弹窗关闭时恢复数据，这里使用Object.assign将原始数据和现在的数据融合，会将改变的数据重置到初始状态

watch: {
    ShowModal(val) {
      if (!val) {
        Object.assign(this.$data, this.$options.data())
      }
    }
  }

如果只想让一个数据恢复到以前

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

原文链接：https://blog.csdn.net/weixin_44705688/article/details/103069192