検索条件の状態管理にハマった話 - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 背景と前提 ある既存の検索画面のUIを大きく改修するプロジェクトに参加しました。 この画面では、商品データなどを検索・可視化するための条件入力があり、以下のような構成で作っていっていました。 コンポーネント構成（Vue 3 / Composition API） 親コンポーネント（index.vue） 検索APIの呼び出し・状態管理を担当 子コンポーネント（検索フォーム） 入力UIをまとめたフォームコンポーネント 孫コンポーネント（基本条件・詳細条件・フィルターなど） 実際の入力パーツ 実際私が改修したサービスとは異なりますが、例えがない