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

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

Советы для новичков 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 и их ...

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

Обработка событий с помощью 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, большим количеством компонентов (иногда сотнями) и множеством представлений (страниц). Фактически, ...

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