Vue記事の目次

Vue 関係記事の知りたいものが見つけやすいように目次を作ってみました。

1問1答で簡潔な記事を心がけています!

ぜひ、色々みていってください!

⇨Vue+Vuetifyのオススメ動画教材

Vue について知りたい

LaravelAPI と Vue の構成はざっくり分けると2種類ある

Vue 環境構築

Laravel(Sanctum)と Vue(Nuxt)で API 認証をする方法

Laravel + Vue.js + Vue-Router+Vuetify の環境構築

Laravel に Vuex を導入する方法

基礎的な書き方

Vue の Computed 算出プロパティを使う方法

【Vue.js】親コンポーネントのデータを子コンポーネントで変化させる【emit】

Vue の Props の使い方と基本的な書き方

Vue の v-bind とは?基本的な使い方について

Vue(Javascript)で filter を使って配列から条件にあったデータだけ抽出する方法

Javascript(Vue.js)で文字列の最初の1文字目が特定の文字かどうかを判別する方法

ルーティング

【Vue.js】戻るボタンの設置【VueRouter】

投稿機能(フォーム) axios

Vue の axios の get と post の書き方で最も基本的なサンプル

Vue と Laravel で FormData で配列を POST(送信)する方法

認証

Vuex

Vuetify の Snackbar を Vuex で定義してどこでも使い回す方法

Vue.js で store の処理をファイルを分けて記載する方法

【rootState で解決】vuex で store をファイルで分割したあとデータの受け渡しで詰まった

Vuetify

Vue.js で個人アプリ作るなら Vuetify(UI コンポーネントライブラリ)を使おう。

Vuetify の v-dialog を使う方法

v-col と v-select と v-btn を中央揃えに配置する方法【Vuetify】

Vue.js + Vuetify の便利コンポーネント紹介 ①   snackbar 編(ログイン時や投稿時のエフェクトに便利)

Vuetify の v-calendar で API から取得したデータを表示する方法

Transition

Vue の Transition を使う方法を簡潔に書いてみる

Vue で配列に追加する時に、表示を Transition する方法

テスト

Laravel に Jest を入れて Vue のテストをする

バグ対応

chartjs が使えない?‘Module parse failed Unexpected token’を解決する方法

VueRouter で’$createElement’ of undefined を解決する方法

Vuetify で v-icon が使えないのを解決する方法

Nuxt.js でデプロイ時のデータが常に表示されて更新が反映されない時の対処法

v-dialog の中で VueClipboard を使いたいのに使えないを解決

Vue の Computed のデータを書き換えようとするとエラーが出る

Nuxt 関係

Nuxt3 のプロジェクトを作成する方法(コマンドだけ)

Nuxt3 のルーティング、ダイナミックルーティングを使う方法

Nuxt3 で.env を使う方法

Nuxt3 の