前回ページごとに動的にタイトルをつけるため、Vue Router のナビゲーションガードを使って画面遷移前にデータの取得するようにしましたが、肝心のタイトル変更がうまくいきませんでした。 しかし、vue-metaを使ったところあっさりと解決しました。 Vue MetaはNuxt.jsでも使われている、meta タグの値を変更するライブラリです。 Nuxt.js でなくても Vue を使っていれば使うことができます。 多くのサイトではトップページ以外のページで、[トピック名 - サイトタイトル]や[トピック名 | サイトタイトル]のように、サイトタイトルが必ず末尾または先頭に来るようにしていますが、vue-meta でも同じことが簡単にできます。 yarn(npm)で追加し、Vue.use()で登録します。 yarn add vue-meta import Vue from "vue"; i
![Vue Metaでページタイトルを動的に切り替える](https://cdn-ak-scissors.b.st-hatena.com/image/square/d1ef2f2eb4bd6d58ce11855396a7cdc26a08f1c1/height=288;version=1;width=512/https%3A%2F%2Fimg01.hamazo.tv%2Fusr%2Fh%2Fi%2F9%2Fhi97%2Fprofile.png)