Публикации по теме 'vue'
Создание пользовательского компонента ввода с помощью Vue.js
Vue имеет встроенную директиву под названием v-model , которая имитирует двустороннюю привязку, привязывая значение и захватывая входные события. Если вы собираетесь создать пользовательский компонент ввода, вам определенно понадобится поддержка директивы v-model .
Это руководство призвано помочь вам понять, как v-model работает с собственными входными данными и пользовательскими компонентами по умолчанию.
Как добавить директиву v-model в пользовательские компоненты ввода?
Динамические переменные CSS Vue с использованием v-bind в CSS v3.2
Из JS Now (jsnow.io)
Чтение динамических переменных CSS Vue с помощью v-bind в CSS v3.2 на JS сейчас
В этой статье речь пойдет о двух новых функциях, недавно добавленных в Vue v3.2.
CSS, управляемый состоянием (с использованием v-bind внутри CSS) Атрибут настройки тега скрипта
Недавно в Vue v3.2 было добавлено нечто, называемое «переменные CSS, управляемые состоянием», это позволяет нам легко использовать реактивные переменные и значения объектов данных внутри наших стилей..
Создайте статический HTML-сайт с помощью Poi
› Обновление: официальная документация по этой функции: https://poi.js.org/plugins/vue-static.html
Poi может волшебным образом превратить ваше одностраничное приложение Vue в статический HTML-сайт, то есть каждая страница вашего сайта предварительно отрисовывается во время сборки.
Приступая к работе с обычным приложением Vue, единственное изменение, которое вам нужно сделать, - это экспортировать имеющийся у вас экземпляр Vue:
📝 index.js:
📝 App.vue
Вот и все! Убедитесь,..
Как оптимизировать проект Vue3
Обеспечение наилучшего опыта для ваших пользователей
Vue.js — это популярная среда JavaScript для создания пользовательских интерфейсов и одностраничных приложений. С выпуском Vue3 разработчики получили доступ к новым функциям и улучшениям производительности, которые еще больше упрощают создание быстрых и отзывчивых приложений. Однако, как и в случае любого приложения JavaScript, важно оптимизировать ваш проект Vue3, чтобы обеспечить его бесперебойную и эффективную работу. В этой..
Лучший бэкенд для Vue: 6 вариантов
Отчасти то, что я работаю в сфере разработки программного обеспечения, означает, что я общаюсь со многими предпринимателями. Код — это мощный строительный блок, и это нравится многим самоучкам и большим мыслителям.
Например, недавно я пообедал со своим другом Алексом, который расхваливал мне достоинства Vue. Она разработала забавное приложение для социальных сетей, предназначенное для того, чтобы сплотить любителей собак в ее районе. Но она застряла на выборе правильных серверных..
Как удалить хэш из URL-адресов в Vue Router
Узнайте, как легко удалить символ решетки из URL-адресов в Vue Router.
Чтобы удалить хэш из URL-адресов в Vue Router в Vue 3, установите для параметра history в createRouter() результат createWebHistory() .
main.js
const router = VueRouter.createRouter({
history: VueRouter.createWebHistory(),
...
});
Если вы используете Vue 2, установите для параметра mode значение 'history' в конструкторе VueRouter() .
main.js
const router = new VueRouter({
mode:..
Как использовать «глубокие» часы в Vue 3
В Vue 3 функцию watch можно использовать для отслеживания глубоких изменений во вложенных объектах или массивах, указав параметр deep: true в объекте параметров для отслеживаемого свойства. Это говорит Vue следить за изменениями не только свойства верхнего уровня, но и любых вложенных свойств внутри него.
Вот пример того, как функция watch с опцией deep может использоваться в Vue 3:
Импортируйте функцию watch из модуля vue в свой компонент:
import { watch } from..