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

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

Настройте Vue Store без использования Vuex

Изучите новую функцию Vue 2.6, которая позволяет настроить Vue Store без использования Vuex. Я начал изучать Vue пару лет назад, и часть этого исследования была связана с Vuex. Как вы, вероятно, знаете, бывают случаи, когда это идеальное решение, а бывают случаи, когда это излишество, и его следует избегать. Все зависит от требований проекта. Однако сегодня я узнал о новой (по крайней мере, для меня) функции Vue 2.6, которая называется observables , и, возможно, я больше никогда не..

Подключение к Vuex с помощью компонента

Довольно часто ваш компонент подключается к Vuex Store через вспомогательные функции (например, mapState, mapGetters, mapMutations и mapActions) или вручную через прямой доступ к Store, но здесь я покажу вам другой подход, который включает использование JSX для создать область компонента и слота для совместного использования данных и методов хранилища Vuex. Почему? ну, потому что мы можем, и потому что это хорошая возможность показать вам, как вы можете создавать повторно используемые..

Динамические формы с VueJS

Это будет пересмотр структуры формы NewCafe.vue. Давайте сделаем шаг назад и подумаем, чего мы пытаемся достичь. У нас есть кафе. В этих кафе много детей и, возможно, один родитель. Каждое кафе, будь то родительское или дочернее, имеет несколько типов пива. Каждое кафе имеет уникальный идентификатор, родительский или дочерний, который является строкой в нашей таблице cafes . Разница между родительским и дочерним кафе: 1. Адрес 2. Название местоположения (уникальное для..

Как использовать Векс

Может возникнуть путаница при выборе того, как следует использовать Vuex. Должны ли мы использовать его экономно или следует сбрасывать в него все состояние приложения? Документация Vuex оставляет это решение за разработчиком, поскольку мы, разработчики, лучше всего знаем свои потребности в разработке. [ ссылка ] Использование Vuex не означает, что вы должны помещать все состояние в Vuex. Хотя добавление большего количества состояний в Vuex делает ваши мутации состояния более явными..

Как создать веб-приложение на Vue.js с Firebase, Vuex и Vue Router (часть 1)

Здесь мы собираемся реализовать демонстрационное приложение с серверной частью Firebase. Мы будем использовать Vuetify, Vuex, Vue-Router и Firebase. Что мы будем делать Создать приложение Vue.js Добавить vuetify Создайте структуру для нашего приложения Рабочий процесс нашего приложения Создать учетную запись firebase Свяжите firebase с приложением Создайте панель навигации для приложения Добавить страницу регистрации Тестовая регистрация с использованием firebase Добавить..

Создайте список задач с помощью Vuejs, Vuex, Vuetify и Firebase 🔥

«Сегодня я собираюсь показать вам, как создать приложение с нуля, используя самую мощную платформу SPA« Vuejs »с Vuex поверх Typescript, Vuetify для материалов и Firebase». Часть 1: Установки и конфигурации Node.js и Npm ( https://nodejs.org/en/download/ ) VSCode ( https://code.visualstudio.com/download ) Откройте терминал / cmd и введите: $ sudo npm i -g @vue/cli $ vue create vue-todo-list $ cd vue-todo-list Установить vue-generate-component-typescript..

Проверьте, сфокусирован ли элемент ввода с помощью Vue-Focus

Чтобы сделать приложение удобнее для пользователя, часто приходится что-то делать, когда элемент ввода находится в фокусе. Например, вы можете выделить метку для ввода, когда ввод сфокусирован, чтобы пользователи знали, какое поле они заполняют. С Vue.js самый простой способ - использовать для этого библиотеку Vue-Focus. Он предоставляет директиву и миксин, которые позволяют обрабатывать сфокусированные события и события размытия и связывать их с полем данных компонента. В этой статье мы..