алова? Что это за чертовщина?
Это нормально, что вы об этом не слышали. Это **библиотека реализации RSM**, которая используется для решения проблем в различных сценариях запросов в рамках проекта MVVM, а также может помочь вам управлять состоянием на стороне сервера.
Это как вооруженная библиотека аксиом, добавляющая к аксио крылья.
Чтобы узнать больше о RSM, см. [RSM: суперпрактичное решение для управления многосценовыми запросами]
Эта статья представляет собой базовое введение в vue+alova. Вы можете узнать следующее:
1. Как alova обрабатывает частые запросы, обновляет состояние сервера по модулям и выполняет нечеткий поиск
2. Как alova помогает управлять состоянием сервера в рамках проекта vue
3. Как использовать alova без проблем
В следующем руководстве по началу работы мы возьмем задачи в качестве примера и объясним потребности в получении списков задач на разные даты, просмотре сведений о задачах, а также создании, редактировании и удалении элементов!
установка alova: npm install alova — save-dev
Инициализировать экземпляр alova
Экземпляр alova является отправной точкой использования, и все запросы должны начинаться с него. Он написан как `axios`, и ниже приведен самый простой способ создать экземпляр `alova`.
todo list — напрямую использовать состояние, управляемое alova, для рендеринга интерфейса
Наш интерфейс в этой демонстрации выглядит так.
Мы отправляем запросы, используя `useRequest`, который является наиболее распространенным методом для страниц для получения инициализированных данных.
Затем мы визуализируем todoList в интерфейсе рендеринга, готово!
todo edit page — кэшировать часто запрашиваемые данные в памяти
Страница редактирования выглядит так:
Здесь необходимо рассмотреть наш сценарий. Пользователь щелкает элемент списка дел несколько раз, чтобы просмотреть его в течение нескольких секунд, и немного расточительно запрашивать сервер каждый раз, когда он входит. В настоящее время мы можем выполнить слой внешнего кэширования, чтобы повысить скорость отображения и снизить нагрузку на сервер. .
код рендеринга страницы
Код отправки данных — обновить данные списка дел вручную
Нечеткий поиск элементов списка дел
Функция нечеткого поиска заключается в непрерывной рассылке запросов в процессе ввода ключевых слов. Чтобы улучшить взаимодействие с пользователем и снизить нагрузку на сервер, нам необходимо внедрить защиту от сотрясений поиска.
Код реализации выглядит следующим образом:
Таким образом, реализована функция нечеткого поиска с защитой от сотрясений.
Подведем итог
Это все, что касается руководства по началу работы в этом выпуске. Также рассматривается основное использование vue+alova. Вы также можете попробовать это. Добро пожаловать в зону комментариев для обмена вопросами.
