Публикации по теме 'vuejs'
Введение во фреймворк Vue.JS
Алекс Мунгаи Мучири, автор Alibaba Cloud Tech Share . Tech Share — это поощрительная программа Alibaba Cloud, направленная на поощрение обмена техническими знаниями и передовым опытом в облачном сообществе.
При создании веб-приложения легко переоценить серверную часть и не осознать важность стороны, обращенной к клиенту. Vue.JS — это реактивная среда, основанная на JavaScript, которая используется для создания веб-приложений. Vue.JS не является навязчивым и включает в себя набор..
Как стать худшим фронтенд-разработчиком
Юмористическая статья с 15 советами, которые помогут вам стать плохим разработчиком.
💡 Это юмористическая пьеса . Нам всем нужно время от времени расслабляться и немного веселиться. Пожалуйста, не принимайте всерьез ни один из этих советов.
Может быть, вы опытный разработчик и обладаете большим количеством навыков и опыта, которые помогут научить нас тому, как стать хорошим фронтенд-разработчиком.
К сожалению, я средний программист, и я могу поделиться с вами только тем, как..
Почему я отказался от Angular ради Vue.js
ОПЫТ РАЗРАБОТЧИКА
Почему я отказался от Angular ради Vue.js
Я не жалею об этом, но ...
Я занимался разработкой Angular более двух лет. Я открыл для себя этот JavaScript-фреймворк в его версии 6. Я наслаждался им в течение многих месяцев, кварталов и лет. Но я отказался от него, пока были выпущены ранняя версия 9 и движок рендеринга Ivy.
Переход с Angular на Vue.js был приятным моментом, настоящим удовольствием в моей жизни фронтенд-разработчика. Цель этой статьи - объяснить..
Моя СОП по написанию нового веб-приложения
Это моя общая процедура, чтобы начать писать новое веб-приложение. Я буду постоянно обновлять его как СОП для справки, чтобы начать писать новое приложение.
Среда разработки
Виндовс 7/8/10 Visual Code с установленными расширениями Cordova Tools, npm и Vetur Git (для SCM на GitHub) Composer (для некоторых PHP-разработок, таких как Laravel) Пакет Vue (используйте npm для установки)
Новый проект
1. Создайте приложение Vue/Nuxt
Используйте npx для создания папки проекта..
Создайте красочное приложение Rainbow Carousel с помощью Vuetify
Вот что мы будем создавать сегодня:
Вы увидите, как легко создать что-то подобное с потрясающей мощью Vuetify.
Только начинаете работать с Vuetify? Ознакомьтесь с этой статьей .
Отображение цветов
Для начала отобразим цвета. Мы создадим переменную colors , инициализированную массивом всех цветов радуги — красного, оранжевого, желтого, зеленого, синего, индиго и фиолетового.
Для создания карусели мы будем использовать компонент v-carousel . Мы будем использовать..
Полное руководство по хукам жизненного цикла Vue в Vue3
Полное руководство по хукам жизненного цикла Vue в Vue3
Хуки жизненного цикла в и Vue2, и Vue3 работают очень одинаково - у нас по-прежнему есть доступ к одним и тем же хукам, и мы по-прежнему хотим использовать их для тех же сценариев использования.
Если в нашем проекте используется API параметров, нам не нужно изменять какой-либо код для наших хуков жизненного цикла Vue. Это связано с тем, что Vue3 разработан, чтобы быть совместимым с предыдущими выпусками Vue.
Однако..
Привязка радиокнопок в Vue.js
Узнайте, как привязать переключатель к форме в Vue.js.
Если вы не используете какие-либо CSS-фреймворки для Vue.js , вам необходимо создать собственный переключатель.
Давайте создадим очень простой пример - форму с двумя переключателями «да» и «нет».
<input type="radio" id="yes" value="true" v-model="picked">
<label for="yes">Yes</label>
<br>
<input type="radio" id="no" value="false" v-model="picked">
<label for="no">No</label>
Vue.js..