在项目中我们会遇到初始化数据的问题,可以 this.xxx = ‘’,这种方式是常用的,但是如果是data里面的数据,这种方式就会使代码看起来有些冗余。
那么,我们可以使用this.assign()方法或是Json
this.assign() // 此方法是将可枚举属性的值从一个或多个源对象复制到目标对象,它返回的是目标对象。
它有两个参数,target:目标对象;source:源对象。
// 初始化所有data数据
Object.assign(this.$data, this.$options.data())
// 初始化data数据中的某一个数据
Object.assign(this.$data.xxx, this.$options.data().xxx)
Json 先在data中定义 xxx:[{a:1}],在methods中的方法中 清空数据(初始化)
this.xxx = JSON.parse(JSON.stringify(this.xxx))
在Vue项目中,初始化数据时,通常使用`this.xxx=''`,但这种方式可能导致代码冗余。为避免这种情况,可以利用`Object.assign()`方法来初始化`data`中的所有或部分数据。例如,`Object.assign(this.$data, this.$options.data())`用于初始化所有数据,而`Object.assign(this.$data.xxx, this.$options.data().xxx)`则针对特定数据字段。另外,若需清空某个数组数据,如`xxx`,可以使用`JSON.parse(JSON.stringify(this.xxx))`实现初始化。
301

被折叠的 条评论
为什么被折叠?



