Публикации по теме 'vue'
Официальный подкаст новостей Vue.js уже открыт!
Сегодня я рад объявить о выпуске официального подкаста новостей Vue.js, созданного Адамом Джаром и мной. Если вы разработчик Vue или даже думаете о том, чтобы стать разработчиком Vue, вы можете подумать о подписке ( Apple Podcasts , Android , RSS Feed ).
Каждую неделю мы будем освещать последние новости и руководства в сообществе Vue.js всего за 5 минут, чтобы сделать вас более успешным разработчиком.
Это то, что можно послушать, когда вы едете на работу, косите лужайку или..
Микрофронтенды - когда они не ответ (React, Angular, Vue и т. Д.)
Взглянем на потенциальные недостатки использования Microfrontend и когда нет смысла их использовать.
Разработка веб-интерфейса стала сложной… мимолетного осознания того, что нужно объединять HTML, CSS и JavaScript, уже недостаточно, чтобы продвинуться в мире разработки современных веб-приложений (React / Angular / Vue и т. Д.).
Концепция Microfrontends представляет собой способ разделения огромного монолитного пользовательского интерфейса на более мелкие и более управляемые части...
Компоненты пользовательского интерфейса на основе Bulma для Vue.js
Прежде чем начать, вам нужно установить Vue.js, как вы знаете. После этого вы можете установить Buefy с помощью команды ниже.
npm install buefy
Это все. Мы установили Buefy сейчас. Теперь мы настроим наш файл main.js для использования Buefy. Сначала мы импортируем Buefy как компонент и его файл css.
import Buefy from 'buefy'
import 'buefy/lib/buefy.css'
Мы передадим компонент Buefy методу использования vue. Например, наш файл main.js должен выглядеть так:
import Vue from 'vue'..
Разработка Laravel с помощью Elixir + Vue + Hot Reloading
Итак, вот в чем дело. Вы разрабатываете приложение на Laravel и Vue.js. Скорее всего, вы используете Laravel Elixir для компиляции своего актива и создания задач Gulp. Теперь, если вы используете не Laravel, а простой фреймворк HTML / CSS, возможно, вы используете Webpack.
Все становится сложнее, когда вы начинаете вводить компоненты Vue.js в свое приложение, и каждый раз, когда вы хотите увидеть изменение в логике компонента, шаблоне, CSS, вам нужно проглотить его, обновить..
Написание одностраничного приложения с Vanilla JS
Недавно я столкнулся со следующим вопросом о переполнении стека, касающимся обработки состояния при обновлении в одностраничном приложении (SPA). Мне показался интересным подход OP к разработке SPA: они хотели избежать сторонних библиотек и фреймворков, потому что они «сначала предпочитают более простые способы».
Вот вопрос, из-за которого возникла эта статья:
Как справиться с нарушением работы кнопки обновления в браузере после создания AJAX HTTP… Я..
Простая загрузка svg во Vue
Использование es6 async / await, map и fetch
Наша цель:
<icon src=”plus.svg” />
Таким образом, он отображается в DOM как
<span class=”icon”><svg>….</svg></span>
Сначала мы создаем icon.vue компонент:
<template>
<span class="icon"></span>
</template>
<script>
export default {
props: {
src: { type: String, required: true }
}
};
</script>
Мы загрузим svg в mounted , где будет просто fetch..
Открытый исходный код: обзор OverVue V2
Прототип лучше, на Vue.js
OverVue, инструмент для создания прототипов для Vue.js , был представлен в 2019 году. Это настольное приложение позволяет разработчикам моделировать свои приложения с помощью простого в использовании графического интерфейса пользователя и сохранять или экспортировать желаемый окончательный проект. Для тех, у кого уже есть опыт работы с OverVue v1, , а также для тех, кто плохо знаком с этим инструментом, я очень рад поделиться некоторыми новыми и улучшенными..