Vue implementiert den Schnittstellen-Gleiteffekt

<Vorlage>
    <div>
        <Übergang:name="Übergangsname">
            <router-view class="Router"></router-view>
        </Übergang>
 <Vorlage>    
  
 <Skript>    
 Standard exportieren {
  Daten () {
    zurückkehren {
     // Von links nach rechts gleiten Übergangsname: 'slide-right',    
     } 
</Skript>   

<style lang="stylus">  
      .Router
            absolute Position
            Breite 100%
            Übergang alle 0,8s Leichtigkeit 
        .nach links schieben-Eingabe, .nach rechts schieben-aktiv verlassen    
            Deckkraft 0
            -webkit-transform übersetzen(100%,0)
            transformieren übersetzen(100%,0)
        .nach links schieben, aktiv lassen, .nach rechts schieben, eingeben
            Deckkraft 0
            -webkit-transform übersetzen(-100%,0)
            transformieren übersetzen(-100%,0) 
</Stil>