コピー2022.09.06この記事は約1分で読めます。Nuxt3でページごとにタイトルを変える方法について記述します。正式リリースされていないので変わる可能性もゼロではないですが。https://v3.nuxtjs.org/guide/features/head-management#title-templatesv3.nuxtjs.org目次useHeadとtitleTemplateを使うdefinePageMetaを使うuseHeadとtitleTemplateを使うapp.vueでtitleTemplateを使います。pagesディレクトリにページごとにコンポーネントを置く想定です。config.public.appNameにアプリケーション名を定義したとします。/></NuxtLayout></div></template>続いて、以下のようにページに定義します。})</script><template><div>サンプルページ</div></template>definePageMetaを使うpageでtitleを定義して、例えばレイアウトとかでuseHeadで設定する。pageでdefinePageMetaで定義する。Page',})</script><template><div>サンプルページ</div></template>レイアウトでmetaデータを取得しuseHeadで設定します。コピーbyebyehaikikyouをフォローするbyebyehaikikyouデバッグライフ関連記事NuxtJSNuxt.jsでsocket.ioを使うやり方Nuxt.jsでWebSocket、今回はsocket.ioを使う方法についての備忘録です。他によいアプローチがあるかもしれません。他の方の事例を参考にしながら、自分なりに整理してみました。以下の3つのアプローチで記述してみます。m...NuxtJSComposableでComponentを返す方法でUnityのWebGLをコンポーネント化するComposableの中でComponentを返せたらと考えていたところ、まさにそのアプローチがあった!と感動したので、その方法を採用してUnityのWebGLを返すComposableを作成してみました。最近はフロントエンド開発の技術に触れています。NuxtJSのSSRモードで、storeのnuxtServerInitアクションの実行について勘違いしてしまっていた。事象は、ログインセッションがあるのにログインされていないと判断されログインペ...NuxtJSNuxt3でマークダウンエディタを使う最近は個人的にnuxt3をよく触っています。練習としてちょっとしたアプリを作っているのですが、何らかの文書をマークダウンで扱えると文書構造を表現できて便利です。そこで、今回はnuxt3でマークダウンエディタを扱ってみます。nuxt3(vue...NuxtJSNuxt3をさわってみるNuxt3はbeta版になっている、Nuxt3の雰囲気をつかむためインストールから起動するところまでやってみる。インストールnuxiという新しいCLIを使う。nuxiについて、プロジェクトのトップでinfoコマンドを実行してみる。ディレクト...NuxtJSNuxt3でtailwindcssを使うはじめにnuxt3でtailwindcss(bootstrapのようなcssフレームワーク)を使えるようにします。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。名前:moritetuITエンジニア地方でITエンジニアをしています。Webやスマフォアプリ、Hadoopなどのビッグデータに関するシステムに関わり、現在は企画開発の業務をしています。読書ホーム検索トップサイドバータイトルとURLをコピーしました。