data的值 如何初始化vue_js vue 更好的初始化data中的属性

项目用的是v过遍屏中近来历蔽，近来历蔽，近来历蔽，近ue，由于是做后台管理系统的，所以涉及很多的输入框，每个都v-model绑定属性。场景是:页面有一个“重新填写”的操作，这时，应该是清空所有的数据。目前我的做法是每个输入框作为data对象的属性都单独绑定一个属性，当点击‘重新填写’时，需要一个一个的取清空，这样的处理感觉不是很好。野路子出身，希望请教各位的做法。希望得到各位的指教，代码如水套点构未果者会时近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有还近货丰，接完为文有下：

data(){

return {

modalOrder:'',

modalMachineName:'',

modalWorkshopName:'',

modalProcessName:'',

modalRepairName:'',

modalRepairTime:'',

modalMaintainName:'',

modalOrderName:'',

modalOrderTime:'',

modalOrderState:'',

...........

}

initEvent(){

this.editModalStatus = false;

this.modalOrder = '';

this.modalMachineName = '';

this.modalWorkshopName = '';

this.modalProcessName = '';

this.modalRepairName = '';

this.modalRepairTime = '';

this.modalMaintainName = '';

this.modalOrderName = '';

this.modalOrderTime = '';

this.modalOrderState = '';

this.modalFaultDescribe = '';

this.modalRepairDescribe = '';

this.modalRepairStart = '';

this.selectFaultTypeId = '';

this.modalRepairOver = '';

this.modalFaultType = '';

this.isRepair = '';

this.replacePart = '';

this.checkObj = null;

},