Помогите разобраться с вопросом во Vue.js
Столкнулся со случаем использования принудительного обновления. В документации прямым текстом написано, что: "Если вам необходимо принудительное обновление во Vue, в 99.99% случаев вы где-то совершили ошибку."
Сам код тут: https://codesandbox.io/s/vue-template-rc1lb
Суть вопроса:
Есть блок с двумя инпутами, который итерируется при нажатии на кнопку "Duplicate", вызывая соответствующий метод.
Также есть кнопка "Reverse Text" - вызывает метод, который берет значение из первого инпута и переворачивает текст.
Все почти что работает, но проблема в том, что требуется вызов принудительного обновления компонента this.$forceUpdate() месте с вызовом метода reverseText, в противном случае не срабатывает двусторонняя связь с инпутом.
Собственно вопрос, в чем моя ошибка и как ее исправить?