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


Управление состоянием с помощью Vue / Vuex
В разделе Искусство I повторно используемых компонентов Vue / Vuetify мы сделали компонент многократного использования, используя свойства Vue. Как только приложение становится более сложным, передача реквизита и отправка обратно родителям, бабушкам и дедушкам может быстро стать трудной для обслуживания. Vuex - это способ управления состоянием в вашем приложении Vue, поэтому давайте рассмотрим интеграцию Vuex в наш простой компонент. Добавить Vuex в проект [nick_pate@linux..
Создание компонентов Adminlte vue. Часть 1. Проектирование компонента API.
Прочтите перед Создание компонентов Adminlte vue, часть 0. Введение . Позвольте мне показать вам рабочий процесс, который я использую каждый раз, когда конвертирую простой HTML-компонент AdminLTE (например, окна, предупреждения, диалоговые окна и т. Д.) В однофайловый компонент Vue . Я начну с одного из наиболее часто используемых компонентов AdminLTE: виджетов (иначе говоря, ящиков) вроде: Откройте исходный HTML-код:..
Как показать версию приложения Vue.js в шаблонах
В этом руководстве вы узнаете, как отображать текущую версию приложения в шаблонах. Может быть полезно знать версию приложения, например. для вашего клиента, других разработчиков или пользователей. Эта опция позволит вам автоматически отображать версию приложения package.json в любом месте вашего приложения. Установить глобальную переменную Во-первых, давайте создадим новую глобальную переменную в Vue.js PACKAGE_JSON, которая будет содержать весь package.json в виде строки...
Обзор того, что будет в Vue 3
Vue 3 - крупный выпуск - посмотрим, что нас ждет В этом году выйдет крупный выпуск Vue, и в ближайшие дни мы можем ожидать более быструю, компактную, более удобную в обслуживании и более простую в использовании версию Vue. Хотя для Vue 3 нет фиксированной даты, дорожная карта показывает, что выпуск запланирован на второй квартал 2020 года, а новая версия находится на стадии бета-тестирования. Итак, давайте посмотрим на некоторые функции и изменения в Vue 3. Composition API Раньше..
Введение в Vue.js
Введение в Vue.js Сегодняшняя статья будет посвящена Vue.js, его новым концепциям и реализации. Vue (произносится как / vjuː /, как вид) - это прогрессивный фреймворк для создания пользовательских интерфейсов. Прежде чем мы начнем, мы должны задать вопрос, почему именно Vue? Существует множество других интерфейсных фреймворков и библиотек, но Vue появился недавно. Почему именно Vue? Что ж, главное отличие Vue от других монолитных фреймворков в том, что Vue полностью адаптируется..
Управление состоянием вашего приложения Vue.js с помощью Vuex - Часть 3
В предыдущих статьях я познакомил вас с Vuex , а затем показал, как структурировать свой магазин на небольшие модули . Все это подводит нас к последней статье: как проверить работоспособность вашего магазина. Сегодня вы узнаете, как скрыть свои мутации, геттеры и действия с помощью модульных тестов; используя выбранную нами среду тестирования: Jest . Зачем мне тестировать свой магазин? Ваш магазин Vuex, скорее всего, будет включать в себя сложную бизнес-логику; поэтому крайне..
Дымоход. Еще одна библиотека потоков
На этот раз для Vue.js Все мы знаем, что фреймворки и библиотеки помогают разрабатывать масштабируемые веб-приложения. С React паттерн Flux стал широко использоваться для предсказуемого и удобного поддержания состояния. Мы видели тонны реализации Flux, самая известная из них - Redux. Его можно использовать с Vue, но состояние не является реактивным по дизайну, поэтому мы потеряли огромную часть преимуществ Vue. Собственная библиотека управления состоянием - Vuex, разработанная..