Публикации по теме 'vuex'
Структуры крупномасштабных приложений Vuex
Также прочитайте другие мои рассказы, например: - Узнайте, как рефакторинг однофайловых компонентов Vue.js на реальном примере - Что делает хороший проект разработки? - Составление вычисляемых свойств в Vue.js
При написании крупномасштабных приложений управление состоянием внешнего интерфейса может быть довольно сложным. Например, для приложений Vue.js существует плагин под названием Vuex , который предлагает очень простое управление состоянием и предлагает использовать..
vue: псевдо-мапгеттеры
При использовании Vue.observable вместо этого:
import $s, { isValueValid } from './store';
export default {
computed: {
$s(){ return $s; },
isValueValid(){ return isValueValid() },
}
}
мы можем написать это:
import $s, { isValueValid } from './store';
export default {
computed: {
... { isValueValid, $s: () => $s },
}
}
а затем используйте его в vue-template: <template>
<div>
<div>{{ $s.value }}</span>
<WarnComponent..
VueX Infographic Course Ep. 8: Модули
В этом уроке мы изучим последнюю концепцию ядра vuex: модули.
Проще говоря, модули VueX означают создание разных констант и их размещение в конструкторе Vuex.Store ().
Взгляните на пример ниже:
В файле store.js есть только одна константа, и мы называем ее module_a. Module_a используется как значение аргумента для vuex.store ().
Когда мы имеем дело со сложными ситуациями, одного постоянного может быть недостаточно. Нам может понадобиться что-то вроде этого:
Мы..
Начало работы с Vue-cli и Nuxt
Nuxt - это фреймворк, который заимствует идеи из Next.js и оказывается универсальным фреймворком для приложений Vue.js. Nuxt помогает вам создавать различные приложения, начиная от статических приложений Vue.js и заканчивая приложениями Vue.js с серверной визуализацией. Он поставляется с большим количеством промежуточного программного обеспечения и макетов, которые могут помочь любому без проблем начать работу. Мы можем исследовать Nuxt дальше, оценивая компоненты, которые появляются во..
Создание конфигуратора продукта с Vue # 3
Часть 3 Реализация компонентов
Поскольку в наши дни удобство использования становится все более и более важным, в этой серии блогов рассматривается конфигуратор продукта для фиктивного интернет-магазина от концепции до реализации.
Наш продукт - это настраиваемая открытка. Вы можете изменить текст, форму открытки и размер бумаги. Во время настройки цена обновляется в режиме реального времени в зависимости от вашего выбора.
В первой части мы представили концепцию, набросали простой..
Введение в диспетчер состояний Vue: Vuex
Большинство людей не согласились бы с тем, как я определяю Vuex, но когда я впервые столкнулся с термином «State Manager», парень, который объяснил мне его, и я не буду называть имен (Oz), потребовалось 20 минут, чтобы объяснить, что могло быть было объяснено в пяти словах - Глобальные переменные с дополнительными шагами.
Вот официальное определение согласно Vuex: «Vuex - это шаблон управления состоянием + библиотека для приложений Vue.js». Так что же такое модель управления..
Vue и Vuex в TypeScript
Поскольку я пробовал это один раз, и, похоже, он компилируется, я считаю, что теперь я имею право рассказать вам, как вы должны писать свой код, используя TypeScript с Vue и Vuex, давайте начнем.
Зачем мы это делаем?
Intellisense VSCode не имеет никакого представления о типах в Vuex и, что хуже всего, когда вы пытаетесь отправить событие, вы понятия не имеете, какой должна быть полезная нагрузка.
Изучение проблемы
Давайте не будем усложнять и скажем, что у вас есть Компонент..