Публикации по теме 'vuejs'
Практическое руководство: простая карусель с Vue!
Или «Что я узнал, строя свою собственную карусель».
Карусели, слайд-шоу или просто слайдер . Этот вездесущий компонент пользовательского интерфейса заслужил свое место в веб-дизайне, и поэтому существует множество внедрений в различных технологиях .
Вы обнаружите, что Vue.js ничем не отличается.
Но!
Перед тем, как вы npm install yet-another-dependency , я умоляю вас рассмотреть возможности, уже имеющиеся в вашем распоряжении, в рамках нестандартного проекта Vue...
Создайте составную диаграмму с помощью Vue и Chart.js
Создайте диаграмму, представляющую собой комбинацию двух разных типов диаграмм: линейной и столбчатой.
Введение
В этом уроке я покажу вам, как создать смешанную диаграмму с помощью chart.js (2.9.4) в приложении, использующем vue.js (2.x) в качестве фреймворка.
Окончательный вывод будет следующим:
Код
Создайте приложение с помощью vue cli
npm install -g @vue/cli
vue create hello-world
> Default ([Vue 2] babel, eslint)
Теперь установите chart.js
npm install..
Создание повторно используемых компонентов с помощью Vue.js: компонент кнопки
Эта статья является началом серии под названием «Создание повторно используемых компонентов с помощью Vue.js». Каждая статья проведет вас через создание определенного компонента пользовательского интерфейса и научит вас многим основам Vue на этом пути. Каждая статья будет основываться на последней, усложняясь по мере продвижения. Также будут представлены структура приложения и другие мнения.
Обновление - 13 апреля 2017 г.
Немного изменена структура приложения и настройка..
15+ лучших профессиональных шаблонов панели администратора Vue — 2021 г.
15+ лучших профессиональных шаблонов панели администратора Vue — 2021 г.
Панели администратора часто используются в современных приложениях Javascript. Хотя вы всегда можете потратить часы и часы на разработку собственной панели администратора Vue с нуля, существует так много шаблонов, которые сэкономят вам так много времени.
Они не только помогают сэкономить время, но и
Встроенные компоненты для распространенных случаев использования Согласованные стили для разных представлений..
Давайте добавим несколько фрагментов кода для Vuex в Vscode и Atom.
Недавно я прочитал статью , в которой предлагалось иметь только одно действие и одну мутацию в каждом магазине Vuex. Причина звучит довольно заманчиво: все действия делают запросы, сохраняют результаты и что-то возвращают, а все мутации получают полезную нагрузку и помещают ее в одно состояние.
Я не согласен с этим видением по двум причинам:
Во-первых: ответственность переносится с действия на компоненты, которые его потребляют.
Например, в философии одного действия, когда..
Как интегрировать Vue в существующий проект Django
Django - это фреймворк для веб-разработки на Python, который был первоначально выпущен в 2005 году. Неудивительно, что существуют проекты django возрастом 10 лет, некоторые из нас могли даже унаследовать такие проекты. Доказано, что метод, показанный в этом руководстве, работает в Django 1.8 и выше. Для более ранней версии Django могут потребоваться небольшие изменения.
Эта интеграция будет использовать js-пакет laravel-mix, который используется в проекте Laravel для интеграции Vue...
Изучите Vue, CSS Grid и Flexbox [руководство для начинающих из 10 частей]
Что будем строить вместе
Код в браузере с помощью Codepen
Для начала сделайте новую« ручку в Codepen»
У вашей новой «ручки» нет названия. Щелкните значок «карандаш», чтобы дать ему более информативное имя, например « Калькулятор iOS с VueJS ».
Вы должны увидеть четыре раздела:
HTML CSS JS [Нажмите на маленький белый значок шестеренки] Гигантская белая область
После нажатия на значок шестеренки на панели JS вы увидите всплывающее окно «Настройки пера» с активной..