Vue 跳转切换页面时左右滑动动画

1.给各个页面定义层级,在切换路由时判断用户是进入哪一层页面,如果用户进入更高层级那么做前进动画,如果用户退到低层级那么做后退动画

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

  const routes = [
    {
   
      path: '/',
      name: 'search',
	  meta:{
   index:0},//meta对象的index用来定义当前路由的层级,由小到大,由低到高
      component: ()=> import('@/views/Search.vue')
    },
    {
   
      path: '/search2',
      name: 'search2',
	  meta:{
   index:1},
      component: ()=> import(