Публикации по теме 'vuex'
Миграция между Redux и Vuex (часть 2)
Добро пожаловать обратно! Это вторая часть из n (еще не решенных) частей, пытающихся помочь разработчикам со знанием Redux или Vuex понять другой. Если вы хотите прочитать о редукторах, мутациях, действиях и асинхронных действиях, вы можете прочитать их здесь частично - .
Хорошо, поэтому, отказавшись от обычного отказа от обязательств для серий, состоящих из нескольких частей, давайте углубимся в нашу основную тему.
Создание магазина
Чтобы создать новый магазин, вам нужно..
Давайте добавим несколько фрагментов кода для Vuex в Vscode и Atom.
Недавно я прочитал статью , в которой предлагалось иметь только одно действие и одну мутацию в каждом магазине Vuex. Причина звучит довольно заманчиво: все действия делают запросы, сохраняют результаты и что-то возвращают, а все мутации получают полезную нагрузку и помещают ее в одно состояние.
Я не согласен с этим видением по двум причинам:
Во-первых: ответственность переносится с действия на компоненты, которые его потребляют.
Например, в философии одного действия, когда..
Общий модуль магазина Vuex
Во многих проектах при использовании магазина Vuex вы создаете одинаковые похожие модули для нескольких ресурсов. Например, в вашем приложении есть модуль Vuex для управления пользователями, автомобилями, кошками и напитками. И эти модули, вероятно, имеют почти одинаковые маршруты API, поэтому вы меняете только имя маршрута в каждом модуле.
Используя универсальный повторно используемый модуль, вы предотвращаете повторное написание одного и того же кода:
В этом примере вы..
Vue + Django - лучшее из обоих интерфейсов, часть 2
Продолжение Части 1 этой серии . См. Также Часть 3 этой серии , в которой описывается отложенная загрузка компонентов Vue для повышения производительности.
В своей предыдущей статье я продемонстрировал, как использовать поддержку многостраничного приложения (MPA) Vue для встраивания однофайловых компонентов Vue в шаблон Django, что позволяет разработчикам легко совмещать использование шаблонов Django и Vue в приложении.
В статье реализован очень простой пример. С момента..
Что касается вычисляемых свойств, вы можете создать функцию в своем компоненте React, которая…
Что касается вычисляемых свойств, вы можете создать функцию в своем компоненте React, которая возвращает вычисленное значение.
fullName: () => this.props.firstName + ' ' + this.props.lastName;
Or
fullName: () => this.state.firstName + ' ' + this.state.lastName;
Или если вы используете Redux
const lastNameSelector = (user) => user.firstName + ' ' user.lastName
Вы даже можете запомнить селектор (это сделано для вас, если вы используете Reselect ), чтобы повысить..
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; //..
