Публикации по теме '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..