Nuxt.js でページ遷移時のアニメーションを設定する | mintsu's blog

Nuxt.js でページ遷移時のアニメーションを設定する Nuxt.js でページ遷移時のアニメーション(トランジション)を設定する方法について記載します。 Nuxt.js では page に対し Vue の transition の設定がデフォルトでされています。 CSS を使って transition の設定を記載するだけで簡単にページ遷移時のアニメーションを実現することができます 目次 Nuxt.js でページ遷移時のアニメーションを設定する 目次 ページ遷移時のアニメーションを設定する Vue でのトランジション ページ遷移時のトランジションを全体に設定する 最後に ページ遷移時のアニメーションを設定する Vue でのトランジション Nuxt.js では Vue のトランジションを使うことができます。 Enter/Leave & List Transitions — Vue.js