vue this.data,vue 重置data数据
本文主要介绍对原始数据的分析。$data，这个。vue recovery的$options.data()，有很好的参考价值，希望对你有帮助。如有错误或不足之处，请不吝赐教。
目录
vue恢复初始数据this。$data，这个。$options.data () VUE恢复初始数据。$ options.data()和this。$ data。关于主角的长相，你知道多少地方？
vue恢复初始数据this.$data,this.$options.data()
vue恢复初始数据
当vue打开的时候，我们会遇到一个页面或者弹出一个窗口让他返回原始数据。如果数据不多，可以重置赋值，但是数据多了就比较麻烦了，这个时候可以用。
这个。$data，这个。$选项
这个。$options.data()这是vue的原始数据，也就是This的数据。$ data当您的页面第一次加载时。这是当前的vue数据，也就是你更改过的数据的数据。下面是一个弹出窗口的数据，当弹出窗口关闭后会恢复。这里，使用Object.assign将原始数据与当前数据融合会将更改后的数据重置为初始状态。
观察：{
ShowModal(val) {
如果(！val) {
Object.assign(this。$data，这个。$options.data())
}
}
}
如果您只想将一个数据恢复到过去
this.base=this。$options.data()。基础
this.$options.data()和this.$data你知多少
场所描述
如何获取vue-data中的所有值？如何获取vue-data中的某个值？如何获取vue-data中的初始值？如何设置数据中值位的初始值？
主角登场
this.options.data() 和 this.data
模板
差异
Button @click=gotos 更改/button
Button @click=获取以获取更改后的值/button
Button @ click= inithandler 获取初始状态的值/button
按钮@click=reset 重置/按钮
/div
/模板
脚本
导出默认值{
data(){
返回{
//https://www.jianshu.com/p/05697682a46f
目标
姓名：张三，
年龄：李四，
性别：“男性”
},
主观：{
信息：“好”
}
}
},
方法：{
gotos(){
“我改变了性别”
},
//获取vue中数据的所有值。当然，数据中的值可能已被更改。
获取(){
console . log( Vue中数据的所有值，this。$ data)；
},
//获取组件初始状态的值；是您最初在数据中写入的值。
inithander(){
Console.log(初始状态的值，this。$ options . data())；
},
//重置值
重置(){
Object.assign(this。$data.obj，{姓名：，年龄：，性别： })；
//也可以使用object.assign (this。$ data.obj，这个。$ options.data()。obj)；//前提是obj的值为空
Console.log (reset ，this.obj)
}
}
}
/脚本
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。