Главная » Архив меток: VueJS

Архив меток: VueJS

Разработка приложения с использованием 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 и их ...

Читать далее »

Обработка событий с помощью Vue.js

От автора: когда вы создаете с помощью Vue динамический веб-сайт, вы, скорее всего, захотите, чтобы он мог реагировать на события. Например, если пользователь нажимает кнопку, отправляет форму или просто перемещает мышь, вы можете захотеть, чтобы ваш сайт на Vue реагировал каким-либо образом. Обработка событий с помощью Vue Мы можем перехватить событие, добавив директиву v-on в соответствующий элемент DOM. Допустим, мы ...

Читать далее »

Как Nuxt.js решает проблемы SEO во Vue.js

От автора: в чем именно заключается проблема с vanilla Vue.js и SEO? Vue.js, как и многие другие фреймворки, такие как React, Angular и т. д., является фреймворком на стороне клиента, то есть веб-страница отображается с помощью JavaScript на стороне клиента. Эти приложения обычно называют одностраничными приложениями или SPA. Когда SPA загружается в браузер, сервер отправляет только базовый HTML без какого-либо ...

Читать далее »

Как загрузить сторонние скрипты в Nuxt.js

От автора: почти каждое современное веб-приложение использует какую-то зависимость, это даже не считая предпочтительного JavaScript-фреймворка. Хотя большинство зависимостей доступно через NPM, многие из них также предоставляют ссылку на версию CDN (Content Delivery Network), так что она может быть включена в любой проект без дополнительных усилий или этапов сборки. Но есть также немало популярных сторонних библиотек, которые не предоставляют пакет NPM ...

Читать далее »

10 лучших практик для создания и поддержки крупных проектов Vue.js

От автора: вот рекомендации, которые я разработала, работая над проектами Vue с большой базой кода. Эти советы помогут вам разработать более эффективный код, который легче поддерживать. Как фрилансер я имела в этом году возможность работать над некоторыми крупными приложениями Vue. Я говорю о проектах с более чем дюжиной хранилищ Vuex, большим количеством компонентов (иногда сотнями) и множеством представлений (страниц). Фактически, ...

Читать далее »

Модульное тестирование во Vue: Что тестировать?

От автора: каждый разработчик знает, что он должен писать тесты, но на самом деле, многие из нас не делают этого вообще или не делают этого в достаточной мере. Проблема не в отсутствии инструментов, а в том, что у нас нет четкого понимания того, для чего предназначены эти инструменты. Если бы я вручил вам молоток посреди поля, вы были бы довольно ...

Читать далее »

Как указать элемент DOM во Vue

От автора: очень распространенной практикой в веб-разработке является указание элемента DOM (объектная модель документа) (то есть все HTML-элементы и логическая структура, которую они представляют) и манипулирование им каким-либо образом. В этой статье мы рассмотрим возможности ref и некоторые из случаев его применения. Давайте приступим. Рыцари Старой Вьюпублики Для тех из нас, кто переходит от старых технологий, иначе jQuery, мы раньше ...

Читать далее »