vue.js で親/子コンポーネントとの間でデータをやり取りする正しいパターンは、親から子に小道具を渡し、子から親にイベントを発行することです。しかし、これに何か問題がありますか：
this.$refs['child-component'].setValue(val)
refs を使用して子コンポーネントにアクセスするのは控えめに、他に方法がない場合にのみ行うべきだと言われました。
次のように、小道具にバインドされていない子コンポーネントの配列内のフィールドの値を更新したい場合はどうすればよいでしょうか。
this.$refs['child-component'].childArray[index] = val;
... childArray は child-component の小道具ではありませんか? childArray を子コンポーネントの小道具にする必要がありますか? ただし、childArray を維持するのは親の責任になります。childArray を維持することが親コンポーネントの仕事ではない場合はどうなるでしょうか?
ありがとう。