Vue

Vue2については「Vue/Vuetify ダイアログの設置と親子コンポーネント間のデータ送受信」で書いたが、Vue3では書き方が違うのでまとめておく。また、子…

Vueでの状態管理ライブラリと言えばVuexだったけど、今やPiniaが公式ライブラリらしい。mutationsなどややこしいものが排除されてシンプル！簡単に実…

Vuetify3.0がなかなかリリースされないので他のUIも使ってみたけどやっぱりVuetify！もうすぐリリースされるらしいけどBeta版を試してみる。Lar…

Vue-Routerもv4へバージョンアップしたようなので、v3とv4の書き方の比較を交えながら、Laravel9/Vue3環境でVue-Router4のインス…

Vue2ではdataやcomputed、mountedなどoptionsごとにロジックをまとめて記述するOptions APIだったが、Vue3でリリースされた…

前回は「Laravel SanctumでBearerトークンによるAPI認証」を行いましたが、今回はLaravel Sanctumのもうひとつの認証、トークンを…

簡単にページネーションを作れるVue/VuetifyのPaginationを使ってみます。Laravel側からAxiosを使ってAPIでデータを取得し、Vuet…

Vue RouterはLaravelの管理画面をvue-routerを使ってSPA化で使用し簡単に説明しましたがインストールや設定、リンク方法の復習からパラメー…

Vue.jsで親子関係でない独立したコンポーネント間でもデータ共有したい場合は状態管理ライブラリVuexが便利です。Vuexの基本的な設置方法や注意点、別コンポ…

Vue.jsにおける子コンポーネントの設置方法とpropsと使った親コンポーネントから子コンポーネントへのデータ送受信、および$emitを使った子コンポーネント…

LaravelをAuthをインストールした時点でVue.jsを利用でき、resources/js/app.jsでVueインスタンスを生成していますが、このままで…

前回までで登録・一覧・削除ができたので今回は編集機能を作ります。Actionsのペンアイコンをクリックしたときに該当データの編集画面を表示しデータの変更ができる…