☕️ Коллеги, вопрос вселенской важности. Итак.
1. Есть массив объектов, допустим их 5.
2. В цикле v-for выводится компонент А в который в качестве данного параметра передаётся данный объект.
3. Вывод и удаление объекта из массива с последующей перерисовкой - OK, всё нормально.
🐚 Дальше интересное:
4. В теле самого компонента в секции data объявлена переменная, допустим это name.
5. Добавим в компонент text-field, который будет связан с переменной name
6. Проводим эксперимент - вводим руками различный текст для каждого элемента списка, потом удаляем 2-й по порядку элемент
(при удалении ищем в пассиве индекс объекта который был передан в качестве параметра в карточку/компонент и по индексу удаляем объект из массива)
🌟 ☕️И происходит магия - карточка удаляется верно, с тем объектом, который был передан в ней, но вот все data свойства компонентов остаются на своих местах, в том же порядке, несмотря на то, что был удалён элемент из "середины" массива.
🍺 Кто может пояснить, почему так происходит и как с этим жить?