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

目录

• vue恢复初始数据this.$data,this.$options.data()
• vue恢复初始数据
• this.$options.data()和this.$data你知多少
• 场所描述
• 主角登场

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

vue恢复初始数据

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

this.$data，this.$options

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

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

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

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

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

this.$options.data()和this.$data你知多少

场所描述

• 如何获取vue-data中的所有值？
• 如何获取vue-data中的某一个值？
• 如何获取vue-data中的初始值？
• 如何设置data中的值位初始值？

主角登场

this.options.data() 和 this.data

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。