Как избежать байнда одной и той же переменной к многочисленным копиям компонента?

Question

[Urbansamurai]

Ситуация следующая. Речь идет о Vue JS 2.

Мне нужно чтобы все копии компонента componentX реагировали на изменения массива testArray, но способа отличного от создания привязки через v-bind свойства компонента (prop) к переменной testArray я не нашел. А модель общения между компонентами ничего другого вроде не предполагает.

Получается, что меня около 100 копий компонентов с постоянной привязкой к одной и той же переменной. Не сильно ли это нагрузит систему и можно ли как-то оптимизировать сие безумие?

Буду признателен за помощь.

Comments

[Виталий]

А может есть смысл сделать компонент родитель и через него управлять всей этой путанницей?

[Евгений]

Включите профайлер, посмотрите расходы, если не лагает, может не стоит пока думать про оптимизацию? Может она вам и не нужна будет вообще.

[Urbansamurai]

Виталий: да, в итоге так и сделал. Не знал про свойство "ref" – очень полезное оказалось)

[Urbansamurai]

Евгений: в целом, так оно и есть, да. В восторге от Vue в этом плане.

Answer 1

[Urbansamurai]

Нашел решение в виде опции ref, через которую можно обращаться ко всем дочерним компонентам. Очень удобно.