vue-routerでbackwardかforwardかを判定する - Qiita

new Vue({ el: '#app', router, template: ` <div class="page"> <!-- $data.transitionNameに入っている名前でクラスが付与される --> <transition :name="$data.transitionName"> <router-view class="view" /> </transition> </div> `, data() { return { transitionName: 'forward' }; }, created() { // beforeEachでアニメーションする名前を決める this.$router.beforeEach((to, from, next) => { // forwardかbackwardか判定して、どっちかを入れる this.$data.transitionNam