vue中重新初始化data的数据,vue重置data中某一个数据

　　这篇文章主要介绍了某视频剪辑软件使用分配巧妙重置数据数据方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

使用assign巧妙重置data数据

　　由于对象。分配()有上述特性，所以我们在某视频剪辑软件中可以这样使用：

Vue组件可能会有这样的需求

　　在某种情况下，需要重置某视频剪辑软件组件的数据数据。此时，我们可以通过这个。$数据获取当前状态下的数据，通过这个. options.data()获取该组件初始状态下的数据。

　　然后只要使用分配(this .$data，这个. options.data())就可以将当前状态的数据重置为初始状态

重置data的数据为初始状态

1. 逐个赋值

　　 span style= color:# 000000 code class= language-js span style= color:# 99cc 99 ./span

　　span style= color:# 6699 cc data/span span style= color:# 999999 (/span span style= color:# 999999 )/span span style= color:# 999999 "/span

　　span style= color:# cc99cc return/span span style= color:# 999999 /span

　　name span style= color:# 999999 :/span span style= color:# 99cc 99 /span span style= color:# 999999 ，/span

　　 color:# 999999 :/span span style= color:# 99cc 99 /span span style= color:# 999999 ，/span

　　desc:span style= color:# 999999 :/span span style= color:# 99cc 99 /span

　　span style= color:# 999999 }/span

　　span style=color:#99cc99 ./span

　　span style=color:#999999//逐个赋值/span

　　span style= color:# cc 99 cc this/span span style= color:# 999999 ./span name span style= color:# 99cc 99 =/span span style= color:# 99cc 99 /span

　　span style= color:# cc 99 cc this/span span style= color:# 999999 ./span span style= color:# 99cc 99 =/span span style= color:# 99cc 99 /span

　　span style= color:# cc 99 cc this/span span style= color:# 999999 ./span desc span style= color:# 99cc 99 =/span span style= color:# 99cc 99 /span

　　/code/span

　　这个方法比较笨，当然也可以实现效果，但是一个一个去重新赋值比较麻烦而且代码看起来也会比较乱。

　　下面这个方法肯定是你喜欢的，一行代码搞定~

2. 使用Object.assign()

　　移动用户号码簿号码关于该方法的介绍：Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

　　用法：对象分配（目标，来源)

　　第一个参数是目标对象，第二个参数是源对象，就是将源对象属性复制到目标对象，返回目标对象

　　其中就是将一个对象的属性复制到另一个对象

　　vue中：

　　这个。$数据获取当前状态下的数据这个. options.data()获取该组件初始状态下的数据所以，下面就可以将初始状态的数据复制到当前状态的数据，实现重置效果：

　　分配(this .$data，这个. options.data())

　　当然，如果你只想重置数据中的某一个对象或者属性：

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

扩展

　　对象.分配(目标.来源)方法还可以用来合并对象：

　　span style= color:# 000000 code class= language-js span style= color:# cc99 cc const/span O1 span style= color:# 999999 =/span span style= color:# 999999 :/span span style= color:# f 99157 1/span span style= color:# 999999 }/span style

　　span style= color:# cc 99 cc const/span O2 span style= color:# 999999 =/span span style= color:# 999999 :/span span style= color:# f 99157 2/span span style= color:# 999999 }/span span style= color:# 999999 ；/span

　　span style= color:# cc 99 cc const/span O3 span style= color:# 999999 =/span span style= color:# 999999 :/span span style= color:# f 99157 3/span span style= color:# 999999 }/span span style= color:# 999999 ；/span

　　const/span obj span style= color:# 99cc 99 =/span object span style= color:# 999999 ./span span style= color:# 6699 cc assign/span span style= color:# 999999 (/span 01 span style= color:# 999999 ，/span 02 span style= color:# 999999 ，/span 03 span style= color:# 999999 )/span span style= color:# 999999 ；/span

　　控制台span style= color:# 999999 。/span span style= color:# 6699 cc log/span span style= color:# 999999 (/spanobjspan style= color:# 999999 )/span span style= color:# 999999 ；/span span style= color:# 999999 //{ a:1，b: 2，c: 3 }/span

　　控制台span style= color:# 999999 。/span span style= color:# 6699 cc log/span span style= color:# 999999 (/span 01 span style= color:# 999999 )/span span style= color:# 999999 ；/span span style= color:# 999999 //{ a:1，b: 2，c: 3 }，注意目标对象自身也会改变。跨度

　　/code/span

　　如果对象中含有相同属性，取最后一个属性：

　　span style= color:# cc 99 cc const/span O2 span style= color:# 999999 =/span span style= color:# 999999 :/span span style= color:# f 99157 2/span span style= color:# 999999 ，/span cspan style= color:# 999999 :/span span style= color:# f 9999999

　　const/span obj span style= color:# 99cc 99 =/span object span style= color:# 999999 ./span span style= color:# 6699 cc assign/span span style= color:# 999999 (/span span style= color:# 999999 {/span span style= color:# 99999 }/span span style= color:# 999999 ，/span 01 span style= color:# 999999 ，/span 02 span style= color:# 999999 ，/span 03 span style

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

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