После установки проекта, можно начать пользоваться хранилищем Vuex.
Чтобы начать, проще всего обратиться к следующему разделу документации:
Первым делом, мы должны импортировать хранилище vuex.
import { createStore } from 'vuex'Вставляем это в файл main.js, который монтирует наше Vue приложение на веб-страницу.
Метод createStore и будет создавать наше хранилище.
Создаем экземпляр хранилища:
// Create a new store instance.
const store = createStore({
state () {
return {
count: 0
}
},
mutations: {
increment (state) {
state.count++
}
}
})И теперь остается только сказать приложению Vue, что ему нужно использовать это хранилище.
Для этого, вызываем метод use, у объекта Vue приложения
const app = createApp({ /* your root component */ })
// Install the store instance as a plugin
app.use(store)см. видео, чтобы посмотреть, как хранилище vuex подключилось к приложению и как мы можем это проверить с помощью расширения для браузера Google Chrome.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти