Как vue делает сравнение входных данных при v-model внутри себя?

Question

[Кирилл]

Собственно вопрос в заголовке.
Мне интересно как делается проверка такая при v-model. Допустим есть у нас есть Select с большим массивом глубоких объектов?
Просто делаю свой кастомный селект, и при изменении value делаю итерацию по входящему массиву объектов с глубокой проверкой объекта текущей итерации и того что в value — для того чтобы отобразить в placehoolder Select'а какой объект выбран.
Имеет ли смысл сделать обычный Select внутри моего Select и делать с ним v-model, чтобы vue сам занимался сравнением объектов, строк и т.д?

Comments

[Aetae]

v-model="value" это v-bind:value="value" v-on:input="value = $event"
Всё. Никакой магии, никакого глубокого сравнения.
О чём вы говорите - непонятно.

Answer 1

[Илья]

Что значит глубокий объект? Древовидная иерархия имеется ввиду или что?
Если да, то в сторону https://vue-treeselect.js.org посмотрите

При любом раскладе у вас каждый объект должен идентификатор иметь, и тогда select будет хранить не весь объект, а только его идентификатор.

Comments

[Кирилл]

Да я это и имел ввиду, древовидная иерархия — она самая, и может быть такое что может придти в value снаружи объект который есть в исходном массиве объектов, но с разным порядком ключей. Для этого я и дела функцию глубокой проверки.

А так как нам в value приходит объект, мы в любом случае должны делать итерацию по массиву и сравнивать объекты чтобы найти какой id вернуть. Это достаточно ресурсоёмкая вещь...