問題タブ [vue-props]

親コンポーネントからオブジェクトを小道具として渡し、その値で子を初期化しようとしています。

これの目的は、いくつかのページを持つフォームである子コンポーネントを含むダイアログを開くことです。ページの 1 つが入力されると、変更が親に送信され、ダイアログの次のページが表示されます。ユーザーが前のダイアログ画面に移動したい場合は、更新された親からの値で初期化する必要があります。

vue.js で親/子コンポーネントとの間でデータをやり取りする正しいパターンは、親から子に小道具を渡し、子から親にイベントを発行することです。しかし、これに何か問題がありますか：

refs を使用して子コンポーネントにアクセスするのは控えめに、他に方法がない場合にのみ行うべきだと言われました。

次のように、小道具にバインドされていない子コンポーネントの配列内のフィールドの値を更新したい場合はどうすればよいでしょうか。

... childArray は child-component の小道具ではありませんか? childArray を子コンポーネントの小道具にする必要がありますか? ただし、childArray を維持するのは親の責任になります。childArray を維持することが親コンポーネントの仕事ではない場合はどうなるでしょうか?

ありがとう。

タイプスクリプトの単一のオブジェクトで vue コンポーネントの小道具を定義したい。

クラスベースのコンポーネントで上記のようにこれを行うことができます。

しかし、Vue.extend() を使用してコンポーネントでこれを行うにはどうすればよいですか?