// template内 // パスパラメータを取得 {{ $route.params.id }} // クエリパラメータを取得 {{ $route.query.id }} // script内 this.$route.params.id this.$route.query.id 参考 qiita.com codelikes.com developer.mamezou-tech.com blog.microcms.io

nuxt.config.jsでextendRoutesプロパティを使って設定する。 参考 ti-tomo-knowledge.hatenablog.com devsakaso.com vlike-vlife.netlify.app blog.naoty.dev

sqlの結果を縦に結合する。 カラム名と型が同じであることが必要。カラム名が違う際はasで別名を付けて同一の名前でselectすれば良い。 unionは同じ結果であれば重複を除外する。union allは除外しない。 同じ構造の別テーブルのデータを結合するのにも使え…

npm install @nuxtjs/axios // nuxt.config.js export default { modules: ['@nuxtjs/axios'] } 参考 qiita.com

Nuxt.js v2のcomposition APIで使用できるカスタムフック。 カスタムフックは、Nuxt.jsのsetup()メソッド内で定義できる。 export default defineComponent({ setup() { useFetch(async () => { const result = await $http.$get( `https://api.nuxtjs.dev/m…

typesディレクトリに.d.tsの拡張子を持つファイルを作成してinterfaceで拡張する // plugins-types.d.ts import { Repository } from '@/api' declare module 'vue/types/vue' { // Vueインスタンス(this)の型追加 interface Vue { // プロパティ名: 型定義 …

pluginsディレクトリ以下にファイルを作成。 nuxt.config.jsにファイルを登録すれば使用することができる。 inject('呼び出し名', <共通の値または関数>) inject('repository', repositoryWithAxios) // this.$repositoryで呼び出せる 参考 nuxtjs.org blog.…

型定義ファイルとはアクセス可能な宣言を記述したファイルです。拡張子は.d.tsです。 参考 typescriptbook.jp

共通メソッドを定義する場所。 nuxt.config.jsにファイルを登録すれば使用することができる。 参考 https://qiita.com/kajikaji/items/5e3a7eeb390a044d6444 develop365.gitlab.io qiita.com

> !!! 参考 mgi.hatenablog.com