Vue.js
vue-routerのワイルドカード(*)指定 vue3で使うVue Router 4で指定方法が変わってた。 import { createRouter, createWebHistory } from 'vue-router'; import HomePage from './components/HomePage.vue'; import NotFoundComponent from './components/Not…
Vue3とWordPressを組み合わせて最新の記事やコメントを取得する入門的な内容です。 環境の準備 Vue3系のセットアップ TypeScriptの採用 AxiosでのHTTPリクエスト <script setup lang="ts"> import { ref, onMounted } from 'vue'; import axios from 'axios'; interface Post { id: n…
Vue.jsでクラス名を動的に設定する方法 Vue.jsで動的にクラス名を設定するには、v-bindディレクティブを使用します。名前の最初の文字列を固定するには、文字列連結を使用して、名前の最初の文字列と動的な部分を結合します。 例えば、名前の最初の文字列をm…