От автора: тем, кто не знаком с библиотекой VueUse, советую познакомится с ней, так как она может де-факто стать стандартом для использования в проектах Vue 3, как, например, когда-то была библиотека lodash практически для любых js-проектов. Многие, вероятно, уже ознакомились с различными функциями, которые она предоставляет. Некоторые уже использовали ее во Vue 2, но не все новые функции поддерживают старую ...
Читать далее »Архив меток: VueJS
Vue.js: как перевести большой проект с Vue 2 на Vue 3
От автора: команда Vue.js выпустила Vue 3.0 в сентябре 2020 года. Эта новая версия поставляется со множеством новых функций и оптимизаций, но также содержит несколько критических изменений. В июне 2021 года команда Vue.js выпустила версию Vue 3.1. Этот новый релиз идет вместе с @vue/compat (он же «сборка миграции»). Он позволяет плавно переносить большие проекты, запуская кодовую базу Vue 2 вместе ...
Читать далее »Создание мобильных приложений с Vue Native
От автора: Vue Native — это платформа JavaScript, предназначенная для создания кроссплатформенных мобильных приложений, которые могут работать как на Android, так и на iOS с помощью JavaScript. Обернув вокруг React Native, разработчики могут использовать Vue Native для создания мобильных приложений с использованием Vue.js. Из-за этого все, что можно сделать в React Native, можно сделать в Vue Native, а код компилируется ...
Читать далее »Рекомендации по загрузке шрифтов во Vue
От автора: добавление шрифтов не должно отрицательно сказаться на производительности. В этой статье мы рассмотрим лучшие практики загрузки шрифтов в приложении Vue. Правильное объявление font-face для пользовательских шрифтов Обеспечение правильного объявления шрифтов — важный аспект загрузки шрифтов. Это делается с помощью свойства font-face. В проекте Vue это объявление можно разместить в корневом файле CSS. Прежде чем мы перейдем далее, давайте ...
Читать далее »Советы для новичков VueJs
От автора: в предлагаемой статье начинающие разработчики на VueJs найдут ряд советов по работе с фреймворком. Не используйте одно и то же имя для файла компонента, объявлений шаблона компонента и свойства имени компонента. <template> <foo-bar-component></foo-bar-component> <template> import FooBarComponent from '../components/FooBarComponent.vue' default { name: 'FooBarComponent', components: { 'foo-bar-component': FooBarComponent } } Объявления шаблонов компонентов должны быть записаны в snake-case версии имени ...
Читать далее »Введение во Vue Teleport — новую функцию Vue3
От автора: одна из новых функций Vue3, о которой уже давно говорилось, — это идея порталов — или способов перемещения HTML-шаблона в разные части DOM. Порталы, которые являются общей функцией React, были доступны во Vue2 через библиотеку portal-vue. Теперь во Vue3 есть встроенная поддержка этой концепции с помощью функции Teleport. В этом руководстве мы рассмотрим: Цель Teleport Базовый пример Teleport ...
Читать далее »Разработка приложения с использованием Vue 3 Composition API
От автора: хотя мне нравится Vue.js 2, есть некоторые ограничения на то, как можно применять повторно используемые компоненты и как должен быть написан код. Это было одновременно и благословением, и проклятием. С одной стороны, для простых компонентов это делает изучение Vue очень простым, с низким порогом для входа. С другой стороны, по мере того, как компоненты становятся более сложными, вы ...
Читать далее »Новое во Vue: Что ожидать во Vue 3
От автора: следующая версия Vue принесла много улучшений по сравнению с предшествующей. Он будет быстрее, меньше и предложит новые функции. В этой статье мы рассмотрим то, что предложит Vue 3. На момент написания этой статьи Vue 3 находился в стадии бета-тестирования, и предполагается, что стабильная версия будет выпущена во второй половине 2020 года. В следующей версии будут представлены новые функции ...
Читать далее »Новые функции Vue 3 и как их использовать
От автора: Vue 3 официально еще не вышел, но команда авторов выпустила для нас, разработчиков, альфа-версию, чтобы уже использовать некоторые функции, которые будут поставляться с Vue 3. На момент написания этой статьи у нас была для экспериментов версия (Alpha-10). Хотя она еще не готова к использованию в производственной среде, всегда полезно заранее изучить новые функции, чтобы после выпуска стабильной версии ...
Читать далее »Руководство по созданию мультиязычного сайта с Nuxt.js
От автора: это руководство предназначено для начинающих и профессионалов, которые хотят создать полноценный многоязычный веб-сайт с помощью Nuxt.js. С использованием этого пошагового руководства вы получите динамический веб-сайт Nuxt.js, работающий на сервере now, с использованием API для многоязычного контента. Если вы спешите, то можете скачать весь проект (nuxtblok.now.sh) на Github. Настройка среды Что вам потребуется: Базовое понимание NuxtJs VueJs и их ...
Читать далее »