Vue3でルーターにトランジションを追加する

はじめに

Vue3（Vue Router 4）でルーター使用時のページ遷移にトランジションを追加する際の、Vue2との変更点をまとめました。

Vue２での書き方

// App.vue<template> <div id="app"> <transition name="slide" mode=”out-in”> <router-view /> </transition