☝️Несколько дней назад я получил запрос на продукт, в котором меня просили добавить функцию автосохранения в форму на мобильном терминале.В процессе разработки функции автосохранения я нашел некоторые знания, которые стоит записать и поделиться ими. Распределение выглядит следующим образом:
- Почему vue глубоко следит за тем, чтобы значения старых и новых объектов совпадали?
- Как мы можем оптимизировать автосохранение?
- полный код
- Демонстрационный эффект GIF
Почему vue глубоко отслеживает ценность новых и старых объектов одинаково
Когда я серьезно писал код для формы мониторинга часов, я обнаружил, что старое и новое значения на самом деле совпадают, как показано в следующем коде:
Итак, я пошел к официалам, чтобы найти причину, и официальный представитель vue действительно дал объяснение:
Таким образом, следующий вопрос становится, как решить ту же проблему старых и новых значений часов.
Нашел ответ в гугле, решение такое:
Как мы можем оптимизировать автосохранение?
Чтобы избежать инициирования запроса каждый раз, когда устанавливается значение наблюдения, мы должны рассмотреть возможность оптимизации частоты запросов интерфейса API, который принят здесь.СтабилизаторПлан самый лучший.
Вы должны обратить внимание, когда пишете anti-shake в часах, debounce нельзя писать внутри функции часов, т.к. debounce проходит внутри функции внутри этой точки визНе текущий экземпляр vue.
код показывает, как показано ниже:
Правильно написанный код выглядит следующим образом: