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


Нетехнические причины, по которым мне нравится Vue
(Эта статья изначально была размещена на https://sgoel.dev .) VueJS в последнее время получает довольно много внимания прессы. По большей части это люди, которые зарабатывают на жизнь написанием кода внешнего интерфейса. Вместо этого я провел большую часть своей профессиональной жизни, работая с серверным кодом и кодом инфраструктуры, поэтому считаю себя новым участником мира JS. У меня есть некоторые воспоминания о написании JS, но они восходят к тем временам, когда Rails 2.3..

Создайте диаграмму в реальном времени с Vue.js
В последнее время данные стали очень важной частью нашей жизни, и понимание этих данных не менее важно. Нет смысла иметь данные, если вы не можете их отслеживать или анализировать, особенно если эти данные имеют какое-либо отношение к финансам. Именно поэтому мы будем строить график отслеживания расходов и доходов с функциями в реальном времени с помощью Pusher . На нашей интерактивной панели управления будет линейный график, на котором отображаются ваши доходы и расходы за каждый..

Создание приложения погоды с помощью Vue.js с нуля
Сегодня Vue.js входит в число самых популярных фреймворков с момента его запуска в 2014 году. Это самый новый и самый молодой член среди двух других самых популярных фреймворков Angular и React. Некоторые из популярных веб-сайтов, созданных с использованием Vue.js: Gitlab , Behance , Nientendo , Laravel , Font Awesome и т. Д. Первый шаг: Прежде чем мы создадим наше приложение, убедитесь, что на вашем компьютере установлены node, Vue.js и Vue CLI. Создание нашего приложения:..

Изменение поведения прокрутки с помощью Vue Router
Vue.js - это простой в использовании фреймворк для веб-приложений, который мы можем использовать для разработки интерактивных интерфейсных приложений. Vue Router - это URL-маршрутизатор, который сопоставляет URL-адреса с компонентами. В этой статье мы рассмотрим, как изменить поведение прокрутки маршрутов Vue Router. Изменение поведения прокрутки Иногда нам может потребоваться прокрутка вверх при переходе к новому маршруту или сохранение положения прокрутки объектов истории, как..

Как реализовать данные структуры JSON-LD с помощью JavaScript
В моем последнем посте я описал важность JSON-LD, который поможет вам улучшить SEO вашего сайта. Теперь я продемонстрирую некоторые методы реализации данных структуры JSON-LD с помощью стандартного JavaScript, а также в популярных фреймворках. Реализация JSON-LD Мы видели, как можно добавить тег скрипта с данными JSON-LD на страницу. Мы можем сделать это прямо в HTML-коде страницы в задней части. С помощью JavaScript вы можете динамически реализовать его на стороне клиента...

Программное открытие раскрывающегося списка Bootstrap Vue
Тощий || TLDR; Если вы используете раскрывающийся список Bootstrap Vue, который находится здесь , и вы хотите программно открыть раскрывающийся список, просто добавьте class="show" , когда вы хотите, чтобы раскрывающийся список был открыт. Реализация может выглядеть примерно так: <b-dropdown class="dropdown" :class="{ show: isOpen }"> // thanks psimyn Иногда я трачу так много времени, пытаясь решить такую, казалось бы, простую проблему при создании функции, что считаю..

Новый полный курс Nuxt 2.4+
Посмотрите наш ПОЛНЫЙ видеокурс : Https://www.udemy.com/complete-nuxtjs-course/?couponCode=MEDIUM_PROMO Как расширенная версия Vue, Nuxt имеет больше функциональных возможностей, а также проще в настройке. С Nuxt вы можете меньше писать, но делать больше. Вам не нужно быть экспертом по Vue, чтобы изучать Nuxt. Достаточно базовых знаний о Vue. Перед тем, как начать изучение Nuxt, мы настоятельно рекомендуем вам потратить 15–20 минут на просмотр наших БЕСПЛАТНЫХ уроков по Vue CLI 3..