Публикации по теме 'vuejs'
Простой EventBus для связи между компонентами Vue.js
Иногда вам нужно быстрое и простое решение для передачи данных между компонентами Vue.js.
Конечно, есть Vuex для централизованного управления государством. Таким образом, он может предоставить приложению единый источник истины.
Но для приложения с простой архитектурой достаточно общаться между компонентами с помощью событий. Для этого мы можем создать быстрое решение и реализовать EventBus. EventBus позволяет нам генерировать событие в одном компоненте и прослушивать это..
Vue: глобальный импорт файла Sass
На данный момент разработчики склонны использовать Sass для написания стилей компонентов. Удобно использовать значения свойств с четко определенными переменными Sass, например, назначать стили для класса, например xxx-danger , xxx-primary , xxx-warning , xxx-info . Теперь вопрос в том, как импортировать файлы Sass перед рендерингом наших компонентов.
Однофайловый компонент
Сначала мы можем импортировать их в файл .vue , вот так:
Но этот метод трудно поддерживать, когда..
Как использовать примеси в Vue.js — базовый пример и применение
Использование примесей в Vue.js — это способ повторного использования функций в разных компонентах вашего веб-приложения.
Если вы заметили, что копируете и вставляете один и тот же блок кода в несколько компонентов, вам определенно следует использовать миксины в своем веб-приложении.
Это отличный способ уменьшить количество строк в коде, сделать его более профессиональным и удобным для чтения.
Давайте посмотрим, как миксины работают на практике.
Примеси — это гибкий способ..
Структура кода ООП для веб-интерфейса с VueJs и TypeScript. Часть # 1
В своей предыдущей статье я писал о принципах ООП для приложения PHP / Laravel. Немного проще разработать внутреннее приложение PHP, потому что в этом вам помогут такие фреймворки, как Laravel. Однако для внешнего интерфейса JavaScript это гораздо более сложная задача.
Важнейшие принципы ООП
Наиболее важными принципами ООП являются SoC - разделение проблем и DRY - не повторяйтесь. Если вы будете следовать этим двум правилам, ваша жизнь программирования станет намного проще,..
Как я изучаю любой интерфейсный фреймворк
Вы решили изучить фреймворк x. Вы открываете youtube или любую поисковую систему, которую предпочитаете, чтобы найти какие-либо руководства, связанные с этой фреймворком «x», и внезапно через 30 минут вы кричите «Эврика», я думаю, что эта структура похожа на мою предыдущую структуру и вы правы, вам не нужно изучать это с нуля. В этом посте я покажу вам свой опыт изучения интерфейсных фреймворков и того, как эти фреймворки закрыты друг для друга.
Каждый раз, когда вы решаете изучить..
Отображение хлебных крошек приложения в Vue.js
Отображение хлебных крошек приложения в Vue.js
Панировочные сухари необходимы, если в вашем приложении много вложенных экранов. Это позволяет пользователям отслеживать свое местоположение при навигации по приложению.
Исходный код этого поста находится здесь .
Во многих фреймворках наивным способом реализации будет добавление метаданных хлебных крошек в определение маршрута в массиве, а затем повторение их в каждом компоненте, который должен отображать крошки. Проблема с этим..
Использование OneSignal в приложении Vue CLI 3
Если вы работаете над веб-приложением, скорее всего, вы захотите добавить веб-push для взаимодействия с вашими пользователями.
OneSignal позволяет легко управлять, настраивать и внедрять веб-push, а бесплатный план может покрывать ваши потребности в течение длительного времени. Вот почему мы выбрали OneSignal для нашей внутренней системы управления контентом Daily.
Единственная проблема - это конфликт между существующим сервисным воркером модуля PWA интерфейса командной строки Vue и..