资源分类

npm i vueg --save

import vueg from 'vueg'

Vue.use(vueg, new Router(), Options) // 传入实例化后的router，和插件的全局配置

<router-view v-transition></router-view>

<template>
    <page v-transition>
    </page>
</template>

@property {number} duration 动画时长。默认为0.3
@property {string} enter 入场动画，默认为'fadeInRight'
@property {string} leave 离场动画，默认为'fadeInLeft'
@property {boolean} disableAtSameDepths 深度相同时禁用动画(通过url中的反斜杠数量/判断)。默认为false
@property {boolean} shadow 是否为入场页面添加阴影。默认为true
@property {Object} map 有时候通过url判断的转场类型可能并不是你想要的，这时你可以使用map选项。
指定路由A到路由A/B/C的转场类型是enter还是leave，覆盖通过url深度判断的转场类型。
下面例子表示，从名为`user-login`的路由到名为`user-regiseter`的路由转场，使用入场动画，顺序反转则使用离场动画。
从名为`user-login`的路由到名为`index`的路由转场，使用离场动画，顺序反转则使用入场动画。
从名为`user-login`的路由到名为`user-login-sms`的路由转场，禁用转场动画。
例子:`
map: {
 'user-login':{
  enter: ['user-register'],
  leave: ['index'],
  disable: ['user-login-sms']
  }
 }
 `
 默认为{}。