Когда мне следует использовать vuex?

Что такое Вьюекс

Vuex — это шаблон управления состоянием, разработанный для приложений Vue.js. Он использует централизованное хранилище для управления состоянием всех компонентов приложения и использует соответствующие правила для обеспечения предсказуемого изменения состояния. Вот как официальное введение

Зачем судить, когда использовать Vuex

Очень просто, вы не можете использовать Vuex все время. Лу Синь сказал: --Когда вы не можете хорошо управлять данными, вам нужно использовать только Vuex

Однако как судить об использовании сценариев приложений?

Я использовал vue+vuex для написания и запуска как минимум четырех или пяти проектов. Ниже приведены некоторые из моего личного опыта суждения об использовании сцены.

1. Когда компоненту необходимо отправлять события несколько раз

Почему ты это сказал? Нужно использовать vuex для многократной отправки событий? Причина очень проста. Если он отправляет события несколько раз, должны быть другие компоненты для получения и вызова. Хорошо, если это один компонент для приема и вызова, но что, если два? три? А если даже четыре? Если компонент, который отправляет события, отправляет только одно событие, им легче управлять, так как после многократной отправки сложность обслуживания многократно возрастает.

Каштан:

Количество корзины здесь должно использовать vuex. Думаю, у многих возникают вопросы, а что, такой простой штуке нужен vuex для управления? Позвольте мне представить сценарий срабатывания 1. Добавление продукта на главную страницу, в категорию и на страницу сведений о продукте должно быть запущено один раз. 2. Когда корзина переходит в состояние редактирования и удаляет элемент корзины, ее необходимо активировать один раз. 3. Когда ордер урегулирован, его нужно активировать один раз. На главной странице, в категории, на странице сведений о продукте, при удалении элемента корзины покупок и при оформлении заказа он срабатывает в общей сложности 6 раз. При запуске мутаций vuex состояние управления становится очень четким и удобным в сопровождении.

С другой стороны, если интерфейс для получения количества корзин вызывается каждый раз (посылка должна быть), эффект реализуется, но каждый HTTP-запрос потребляет производительность браузера. Напротив, более выгодно использовать мутации vuex для запуска

Следующий граф сцены соответствует триггеру

В конце корень: Это для удобства обслуживания, сами подумайте. Если вам нужно изменить день, необходимо изменить другие четыре или пять мест. Жду проект, мест где добавить в машину будет все больше. Держите набор тележек для покупок, а затем больше ситуаций, вы можете четко установить количество тележек для покупок и нужно изменить, где изменить

2. Делитесь данными между компонентами и страницами

При разработке проекта Vue он был найден много раз. такая ситуация существует Он инкапсулирует базовый компонент (то есть будет использоваться во многих местах) и отправляет разные события в соответствии с разными службами. Однако я обнаружил, что иногда невозможно отправить события, потому что родительский компонент вообще не имеет ссылки. Без ссылки на родительский компонент и получения текущего события отправки и обновления данных? Конечно, с Vuex

Каштан:

1. Текущая страница со списком заказов, нажмите на список заказов, чтобы отменить заказ, а затем обновите соответствующий список заказов. 2. Нажмите кнопку отмены, чтобы просмотреть детали заказа. Как обновить соответствующий список заказов? Не говорите, что каждый раз, когда вы входите на страницу со списком заказов, вам нужно повторно указывать данные, это пустая трата времени. В этом случае Vuex, state также используется для хранения состояния, мониторинга этого состояния и обновления соответствующего списка при его изменении.

Каштан:

1. Со страницы расчета заказа перейдите на страницу выбора купонов 2. Как сохранить информацию о выбранном купоне на странице выбора купонов? 3. Сохранить локально? Это хорошо, но не рекомендуется сохранять его локально, это будет очень хлопотно, если кто-то с ним запутается. Конечно, там точно будет так скучно, что не говори не будет. не спрашивай почему я знаю Состояние сохраняет информацию о купоне. Когда купон выбран, мутации отправляются. На странице расчета заказа получен выбранный купон и обновляется информация о скидке заказа.

Конечно, есть не только два использования. Но большую часть времени.

Почему, другие случаи не записаны. Просто потому, что какое-то время не могу вспомнить и не хочу больше писать. После того, как вы соедините эти два типа, я думаю, каждый сможет сделать выводы друг из друга.