Vue記事の目次

いつもご利用ありがとうございます。
この記事には広告が掲載されており、その広告費によって運営しています。

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

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

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

Vue について知りたい

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

Vue 環境構築

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

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

Laravel に Vuex を導入する方法

Laravel と Vue の環境で axios で POST したらエラーになった時の解決方法

基礎的な書き方

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

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

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

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

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

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

Javascript で変数のプロパティに角括弧や変数を指定する方法

Vue の v-if の使い方を初心者に分かるように解説してみた

Vue で押したボタンの event を取得する方法

ルーティング

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

投稿機能(フォーム) axios

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

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

Laravel×Vue でパラメーターを axios で送信する方法

認証

Vuex

Vuex の mapActions や mapMutations の使い方

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 から取得したデータを表示する方法

Vuetify の v-file-input で画像を送信する方法

Vuetify の v-textarea や v-text-field で文字数を表示する方法

Vuetify の v-textarea を使って改行で高さを変える方法

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 のデータを書き換えようとするとエラーが出る

Vuetify の V-file-input Array not String を解決する方法

Nuxt 関係

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

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

Nuxt3 で.env を使う方法

Nuxt3 の

Tips

Vue でスマホやアンドロイドかどうかを判別する方法

Vue の Chartjs で、縦と横の長さを整える方法

その他

Udemy の Vue.js + firebase やってます。vuetify の変更があるのでメモ。

Laravel の blade から Vue コンポーネントに配列のデータを渡す方法

フィードバックのお願い
この記事のフィードバックがありましたらYoutubeの適当な動画にコメントしていただいたり、お問い合わせからご連絡ください。