前端开发：自定义时间轴的使用

在前端开发过程中，业务需求经常也会涉及到关于时间进度方面，这种情况也是比较常见的需求，对于时间进度的相关需求常见的有：商城商品发货进度，行政需求的审批时间节点等业务场景。虽然Vue的组件里面也提供了对应的时间轴使用的组件，但是对于一些实际的开发业务需求来说不能满足，这个时候是需要自定义时间轴来实现对应的业务场景。

        但是话又说回来了，如果能用框架自带的组件就不自定义组件，毕竟现成的好过需要重新开发的，但是避免不了的还是要自己重新开发自定义组件，那么本篇文章就来分享一个关于时间轴的自定义使用，是抛开vant等框架自带的时间轴组件来实现的自定义时间轴组件，本文案例以Vue项目的Vant框架下的时间轴使用为例。

1、组件的源文件： Process.vue

<template>

  <ul class="process-box">

    <li class="li" v-for="(item, idx) in this.processData" :key="idx">

      <div>

        <span class="title">{
  { item.recordDescription }}  </span>

        <span class="time"> {
  { timesToDate(item.updateDate) }} </span>

      </div>

    </li>

  </ul>

</templa