Публикации по теме 'vuex'


Vue.js объяснил через покемонов
Это третья статья в моей серии руководств, в которой я пытаюсь объяснить концепции Vue.js, воссоздав боевую сцену из Pokemon. Исходное руководство # 1 Однофайловые компоненты # 2 Атаки: $ refs, Promises и шина событий # 3 Vuex: управление состоянием # 4 Расчет повреждений # 5 Переходы и анимация В этой статье мы собираемся подойти к нашему состоянию с другой стороны. Давайте продолжим реализацию последнего урока на основе событий:..

Основы Vuex
Vuex - это библиотека и управление состоянием для приложений vue.js. Он служит централизованным хранилищем для всех компонентов в вашем приложении. Например, у нас есть два компонента, и нам нужно совместно использовать данные обоих компонентов, тогда нам понадобится vuex в vue.js. Установите Vuex с помощью npm npm install - сохраните vuex Как использовать vuex в нашем приложении Создайте папку внутри папки создайте файл store.js store / store.js импортировать Vue из vue; //..

Просмотр фотографий из определенных мест с помощью Vue.js 2, Vuex, instagram API, Google Geolocation Api
Вы когда-нибудь задумывались, какие фотографии публикуют парижане? Хотите узнать, что лондонские пользователи загружают в Instagram? Хотите посмотреть фотографии с японского летнего фестиваля? Используя API Instagram и API геолокации Google для поиска геолокации, пользователи могут видеть обновления со всего мира. Создайте новый проект: Сначала нам нужно инициировать проект, используя эту команду следующим образом: Vue init webpack-simple instagram Также нам необходимо установить..

Используйте магазин Vuex с набором текста на TypeScript, без декораторов или шаблонов
Я нашел способ использовать магазины Vuex в TypeScript без потери набора текста. Для него не требуются классы, поэтому он совместим с Vue 3 и API композиции. С легкими полностью типизированными оболочками Во время выполнения библиотека direct-vuex создаст оболочку для каждого получателя, мутации и действия. Мы можем использовать их вне реализации магазина. Итак, вместо того, чтобы писать: store.dispatch("myAction", myPayload); … мы пишем:..

Использование Vuex в модулях в модульном приложении laravel
Привет всем, как у всех дела? Надеюсь на великую .. 😊 Некоторое время назад я написал статью об использовании vuex, vue router с laravel . Поскольку это своего рода продолжение, я настоятельно рекомендую всем вам ознакомиться с этой статьей и прочитать ее один раз. Разве не было бы ужасно посмотреть вторую серию «Игры престолов», не посмотрев первую, верно? 😉 Что вдохновило меня писать сейчас? Один из моих друзей Мадху Судхан Субеди поделился моей статьей в группе..

Vuex с TypeScript
В этой истории мы создадим образец приложения To Do, используя Vuex и TypeScript. Vuex - это библиотека управления состоянием + шаблон для приложений Vue. Есть несколько концепций, связанных с Vuex, которые нам нужно понять, и они описаны ниже: Магазин : это неизменяемый центральный контейнер для хранения состояния приложения. Единственный способ изменить состояние хранилища - это совершить мутации. Мутации: это методы, с помощью которых мы изменяем состояние магазина. Мы..

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