Techvenience

Technology × Convenience - Vue / React / Next / Nuxt / ChatGPTなどのIT技術がもたらす便利さをお伝えします。最近はChatGPTなどのAI技術を使ってブログを書いています。

vue-router

【Vue.js】Nuxt.jsでvue-routerのルーティング設定【Nuxt.js】

【Vue.js】Nuxt.jsでvue-routerのルーティング設定【Nuxt.js】 今回はVue.jsアプリケーションを簡単にSSR化できるフレームワークであるNuxt.jsの中でも、ルーティング設定をする方法を解説していきます。 かなり簡単なので簡潔に解説していきます。 Nuxt.js…

【Vue.js】titleタグやmetaタグ(description)を書き換える方法【vue-router】

【Vue.js】titleタグやmetaタグ(description)を書き換える方法【vue-rouetr】 ここではVue.jsを使ったアプリケーションで、ページタイトルやmetaタグのdescriptionを動的に変更する方法を解説します。 titleタグやdescriptionはSEOで最も基本かつ重要なポイ…

【vue-router】router-link でクリックイベントが反応しない【 v-on:click / @click】

【vue-router】router-link でクリックイベントが反応しない【 v-on:click / @click】 タイトル通りで、vue-routerを使っている場合に、router-linkにクリックイベント(v-on:click / @click)を定義しても、反応しません。 そんな時にどうしたら良いか、2つの…