タグ

ブックマーク / zenn.dev/con_ns_pgm (1)

  • Nuxt3:ページ遷移前後で要素をシームレスに変化させる

    はじめに 私はつい先日Vueを学び始めた完全初心者です。 記事の内容は、間違いを記載しないよう注意して記載していますが、もし間違いがあったときには ぜひご指摘お願いします。 この記事を書くにあたって、参考にさせて頂いたサイトは以下です。 こちらのサイトで、記事タイトルのような挙動を実装してあります。 状態管理については、Vuexを用いて行われていますが 現在のNuxtのバージョン3.では、デフォルトでVuexがバンドルされていません。 Nuxt3における状態管理では、useStateを用いることが推奨されているため、 Vuexを用いることなく、参考サイトのような挙動を再現してみました。 実装結果 やりたいことはタイトル通りですが、イメージがわかない方もいるかもしれないので ご参考程度に。 今回解説する挙動 応用したら可能な挙動 解説 ディレクトリ構造 /Project Root ├ app

    Nuxt3:ページ遷移前後で要素をシームレスに変化させる
  • 1