Vuex - это библиотека и управление состоянием для приложений vue.js. Он служит централизованным хранилищем для всех компонентов в вашем приложении.
Например, у нас есть два компонента, и нам нужно совместно использовать данные обоих компонентов, тогда нам понадобится vuex в vue.js.
Установите Vuex с помощью npm
npm install - сохраните vuex
Как использовать vuex в нашем приложении
Создайте папку внутри папки создайте файл store.js
store / store.js
импортировать Vue из vue; // Поскольку здесь мы используем плагин vuex
import Vuex from ‘vuex; // импортируем vuex
Vue.use (Vuex); //Vue.use, теперь мы можем использовать vuex, потому что мы добавили плагин в vue
export const store = new Vue.Store ({
state: {
/ * State - это объект, содержащий данные вашего приложения * /
},
геттеры: {
/ * Геттер - это функция, возвращающая данные, содержащиеся в состоянии * /
},
мутации: {
/ * Мутация - это функция, которая напрямую изменяет состояние, поскольку состояние является неизменяемым объектом * /
},
действия: {
/ * Действие - это функция, которая вызывает мутации на состояние. Они могут вызывать несколько мутаций, могут вызывать другие действия, и они поддерживают асинхронные операции. В действиях мы можем получать данные из API здесь. * /
}
});
Интегрируйте магазин в main.js. Теперь мы можем использовать store global в нашем приложении, для которого нам нужен import store в main.js
импортировать магазин из ‘./store/store’;
новый Vue ({
el: ‘#app’,
store: store,
render: h = ›h (App)
})
