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


Шаблоны взаимодействия компонентов Vue.js (без Vuex) — Часть 3
Шаблоны восходящей и нисходящей трансляции Во Части 2 этой серии мы использовали шаблоны $parent и $children , чтобы компоненты могли взаимодействовать в трехуровневой иерархии. Ближе к концу у нас возник вопрос для еще более сложной иерархии компонентов, например. что, если есть десять уровней компонентов? Нужно ли нам делать что-то вроде: this.$parent.$parent.$parent.$parent.$emit('anyEvent', args); Не говоря уже о дочерних компонентах, которые трудно отследить. Это..

Bluekiri @ JS Camp Барселона 2018
В среду утром я прибыл в отель, где был приготовлен восхитительный завтрак, а затем его отправили прямо в мастерские. Я решил посетить семинар по веб-пакетам, так как я действительно хотел улучшить свои навыки работы с веб-пакетами, особенно, когда мы используем его для наших веб-проектов в Bluekiri. Семинар прошел потрясающе. Под руководством основного члена webpack Шона Т. Ларкина , а также Йоханнеса Эвальда и Юхо Вепселяйнена . Довольно круто иметь трех основных участников..

Внедрение шаблона PubSub в Vue.js
Простой способ реализовать шаблон SubPub в проекте Vue.js с библиотекой PubSubJs и пользовательским хуком. Что такое шаблон PubSub и PubSub.js? Во-первых, я думаю, мы должны понять, что такое шаблон Pub/Sub. Основываясь на Википедии, у нас есть краткое определение этого шаблона: Pub-Sub — это шаблон обмена сообщениями, в котором отправители сообщений, называемые издателями, не программируют сообщения для отправки напрямую конкретным получателям, называемым подписчиками, а вместо..

Поток данных Vue - как это работает?
Когда я изучал Vue, одной из самых сложных вещей было понять, как работает поток данных Vue. EventBus, Vuex, Props… Что это все? Какой мне использовать? Давайте узнаем их различия и когда использовать каждый из них. Внутри компонента Это самый простой способ использования Vue. Одна страница с одним компонентом. Это похоже на ванильный Javascript с легкой реактивностью (как только вы изменяете объект, вид обновляется). Вот часть HTML: А вот и Javascript: Как видите, это..

Начиная с Nuxt3
На прошлой неделе Nuxt3 объявил о выпуске RC. Это долгожданный фреймворк с тех пор, как Nuxt2 приобрел огромную популярность. Поскольку все больше и больше пользователей разрабатывают веб-сайты с помощью платформы Vue.js, изучение Nuxt.js является большим преимуществом не только для ваших навыков, но и для отрасли. Что такое фреймворк? В те дни, когда мы создавали веб-сайты с использованием простого HTML, CSS и ванильного JavaScript, у нас было много шаблонного кода, который со..

Angular vs React vs Vue Что более популярно в 2023 году?
Итак, вот как я хотел бы сравнить эти фреймворки. У меня есть пара основных областей, а затем пара подкатегорий для каждой области. Во-первых, я дам вам обзор. И к тому же для философии. Если вам не нравится основная идея фреймворка, работать с ним будет очень сложно и не очень весело. Затем мы увидим, как писать код с помощью этого фреймворка, и здесь я говорю не столько о синтаксисе, сколько о том, как легко попасть в этот фреймворк и как легко его изучить и прогрессировать. с..

Создайте свой собственный компонент Vue3 Google Maps и разверните его на мобильных устройствах с помощью Ionic Framework и Capacitor
Больше видеоконтента Ionic VueJS и ReactJS FiWiC YouTube Channel Карты являются важной частью многих веб- и мобильных решений, а богатый набор функций, предоставляемых Google Maps, делает их очевидным выбором во многих ситуациях. Когда я искал решение, совместимое с Vue3, я действительно не нашел ничего, что мне понравилось бы, поэтому я решил посмотреть, как создать свое собственное. В этом видео мы создаем компонент карты Google vue 3, используя более новый компонент SFC с..