Vue 3の高度なAPI：パフォーマンスと制御を高める機能
浅いリアクティビティAPI
shallowRef
shallowRefは、値そのものへの変更のみを追跡し、その値がオブジェクトや配列であっても、その内部プロパティへの変更は追跡しないリアクティブな参照を作成します。
基本的な使い方
import { shallowRef } from 'vue'
const shallowState = shallowRef({ count: 0 })
この例では、shallowState.value全体を新しいオブジェクトに置き ...
5月26日 05:04 投稿
Vue 3 における Vuex 4 を活用した状態管理の構築
Vuex 4 による集中状態管理の概要
Vue 3 アプリケーションにおいて、複数のコンポーネント間で共有されるデータを効率的に扱うためには、Vuex 4 の導入が有効です。Vuex はアプリケーション全体の状態を単一のストアに集約し、変更履歴を予測可能な形で管理するためのパターンを提供します。
コアコンセプトと役割
Vuex ストアを構成する主要な要素は以下の通りです。
...
5月25日 07:39 投稿