vue怎么改变data里的值,vue中给data增加一个属性

　　本文主要介绍vue如何重置数据的所有属性，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

重置data的所有属性

1.拿到data原始属性

　　这个。$options.data()

2.拿到当前的data

　　这个。$数据

3.复制到当前$data里面

　　Object.assign(this。$data，这个。$ options . data())；

重置当前页面的data

问题一

　　在某些情况下，需要重用data中的数据，但是data中的数据已经被各种形式、变量等赋值。那么如何重置数据的值呢？

　　解决方案：Object.assign()

　　JS相关函数

　　函数含义Object.assign(target，…sources)将一个或多个源对象的所有可枚举属性值复制到目标对象vue中相关函数。

　　意思是这个。$data datathis。当前状态下的$options.data()该组件初始状态下的数据。因此，您可以通过以下方式重置当前页面的数据：

　　Object.assign(this。$data，这个。$ options . data . call(this))；

　　或者，单独重置数据中的对象或属性：

　　this.form=this。$options.data()。形式

问题二

　　用此重置组件数据时。$options.data()，用此in data()获得的属性或方法未定义。

　　原因

　　当新Vue通过一个对象时，它被记录为选项。Vue将options中的自定义属性和Vue构造函数中定义的属性合并到vm.options中，vm.options.data()中的this指向了vm.options，而methodA和B没有直接挂在vm.options下，所以this.methodA和this。b未定义。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。