一，利用一个横跨整个menu、绝对定位的伪元素（它的属性已经写好了transition的延迟、执行时长、缓动类型等）替代导航栏每个分栏(后面称为menu-item)的border-bottom，在vue2的mounted生命周期内调用js方法，它的工作机制如下:
    1，初始化： 首先获得当前激活的导航栏信息， 通过selector获得并设置伪元素的left和width和当前激活的menu-list信息一致，方式是用setProperty设置父级别的css变量—width和—left，然后伪元素的left和width属性用var(—width)引用它。
    2，在每一个menu-item上注册click的监听，点击当前元素时，获取当前元素的位置，然后setProperty更新menu的css变量，这样形成css差值，动画就运行了。
    3，不足: 在切换到未缓存的标签页时，网络请求影响了动画的播放，在有缓存的页面之间切换时，比较流畅。