- 2021.11.22
- Vue.js,
Vue3で子コンポーネントの引数プロパティで渡したオブジェクトの値を変える方法
Vue3+composition APIで親コンポーネントから子コンポーネントへプロパティ (props)経由で渡した値を子コンポーネントで変更する方法です。 プリミティブな型ではなくオブジェクトの場合の対応方法です。
Vue.js
- 2021.08.04
- Vue.js,
[Vue3] propsで受け取った値をv-modelにセットする
子コンポーネントのpropsで受け取った値に対する変更を親に反映する方法集です。 サンプルはTypeScriptを使ったComposition APIを使った記述になります。
- 2021.07.17
- 2021.08.06
- Vue.js,
Vite+Vue3+TypeScript+Element Plusを作成する
高速な立ち上がりのViteにComposition API対応のVue3、型安全なTypeScriptにデスクトップ向けUIフレームワークのElement Plus環境を構築する手順です。
LaravelとVueで構成したアプリにOAuth2.0 PKCE 認証をぶち込む
Laravel + Vue.jsの構成にOAuth2.0 PKCE認証を追加する方法です。 Vue.jsは完全に独立したSPAとして作り、Laravel（バックエンド）に対してはAPIで通信するだけの関係の例となります。 OAuth2.0 PKCE認証とは Yahooの中の人が書いて下さっている記事が一番分かりやすいので紹介します。 OAuth2.0拡張仕様のPKCE実装紹介 〜 Yahoo! I […]
Vuetifyのv-dialogをJestでテストする時に表示される警告の解消方法
Vuetifyのv-dialogはdata-app属性がついたタグ内で実行する必要があり、Jest等のコンポーネント単体をマウントする場合には警告が表示されます。
【逆引き】Vue Test UtilsのJestでテスト記法のまとめ
Jestでテストする時に○○がしたい、でも記述法が分からず調べる… その繰り返しです。 まとまった情報があると便利なので、まとめていきたいと思います。
Vue.jsのJestのテストがTypeError: Cannot read property ‘component’ of undefinedで失敗するときは
コンポーネントが読み込まれていないため、失敗しています。
- 2021.02.11
- VeeValidate, Vue.js,
VeeValidateをJestでテストする時に何か上手く行かないときに確認すること
VeeValidateのテストを書こうとした時にどうも上手く行かないときに確認することです。
- 2021.01.19
- Vue.js,
Vue.jsでエラーハンドリング・キャプチャとロギング処理を経てエラー画面を表示する
Vue.jsでエラーが発生した場合に適切にエラーをハンドリングし、ユーザーへエラーメッセージの表示・実行環境に応じたログの出力を行います。
Laravel SanctumでVue.jsの認証を実装する
フロントをVue.js、バックエンドをLaravel(API)として構成する場合のLaravel/Sanctumの構成方法です。