vue组件化过程中的变量处理问题

vue组件化开发过程中，经常会遇到需要额外处理变量的问题

 <el-form :model="caseSearchForm" ref="caseSearchForm" class="caseSearchForm" label-width="100px">

       <el-form-item label="编号" v-if="caseState == 'transfer'">
              <el-input v-model="caseSearchForm.number"></el-input>
       </el-form-item>

       <el-form-item label="姓名">
              <el-input v-model="caseSearchForm.name"></el-input>
       </el-form-item>


       <el-form-item label="时间段">
              <el-date-picker v-model="acceptTimeArray" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :default-time="['00:00:00', '23:59:59']">
              </el-date-picker>
       </el-form-item>

</el-form>

后台需要传输的字段需要将acceptTimeArray拆分成startTime和endTime两个字段
如子组件和父组件采用相同的变量名，即时间段使用caseSearchForm.acceptTimeArray来传输，会影响当前页面值的显示
所以采用另外定义变量的方式，将acceptTimeArray和caseSearchForm完全分开处理，传值前再进行赋值