VUEX

Vuex — централізоване сховище станів усіх маршрутів та компонентів, що використовуються у web-додатку. Кожен із них буде запитувати дані у «State Management», а потім повертати назад змінені. Завдяки цьому зменшується кількість помилок та підвищується захищеність системи.

Щоб отримати дані зі стану, розробники пишуть гетери, звертаються до них також сетери-мутації, щоби передати змінений стан назад, а ще дії, які не змінюють стан, але «мутують». Усе це дозволяє додатку максимально автоматизувати роботу з даними, а розробникам у кілька разів спростити роботу. Якщо не використовувати Vuex, а зберігати інформацію про стани деінде, то доведеться самостійно писати інструменти для чищення пам’яті, вигадувати гетери та сетери, методи вилучення конкретної інформації, налаштовувати роботу на різних сторінках тощо. Вуекс скорочує роботу до мінімуму — написання двох рядків коду, і робить усе перераховане автоматично та без помилок.

Vuex необов’язково має бути одним великим документом. З цим інструментом ви можете розбити сховище на кілька зручних частин. Для цього достатньо створити нову директорію або кілька, правильно їх оформити, показавши Vuex, що в неї тепер є нові сховища. Це зручно для структурування даних та спільної роботи над проєктом.

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