Vue 3: Почему ref() — это новая ссылка, а reactive() — обёртка?
Если вы работаете с Vue 3, вы точно сталкивались с ref() и reactive() . Обе функции из Composition API делают значения реактивными — но делают это по-разному. И хотя документация Vue чётко указывает, что использовать в каком случае, она редко объясняет, почему это важно и что может пойти не так , если использовать не тот инструмент. Вот ссылки на официальную документацию — на всякий случай:
Vue 3 под капотом и тонкости Composition API: Reactivity, Provide/Inject, Suspense
Vue 3 уже давно в строю, но его "прокси-движок" и особенности Composition API по-прежнему раскрывают себя всё глубже. В статье мы разберём, как Track/Trigger помогают отслеживать изменения, зачем нужны customRef и как грамотно использовать <Suspense> для асинхронных компонентов. Всё это - на примерах и с советами по оптимизации в крупных проектах. Приступаем к деталям!
https://habr.com/ru/articles/870986/
#vue #vue_3 #javascript #composition_api #реактивность #proxy #customRef #suspense #вебразработка #provideinject
Полезные чипсы с Vue 3 Composition API: Создание адаптивного компонента с фильтрацией и множественным выбором
Современные пользовательские интерфейсы требуют высокой интерактивности и удобства взаимодействия. В этой статье поговорим о том, как реализовать мощный, адаптивный компонент мульти-выбора на основе Vue 3 Composition API. ChipsMultiSelect — это компонент, который объединяет возможности выпадающего списка, визуализации выбора в виде "чипсов" и встроенной фильтрации. Выбранные элементы отображаются в виде “чипсов”
https://habr.com/ru/articles/863210/
#contenteditable #vue3 #composition_api #javascript #css #vue_component
Современные пользовательские интерфейсы требуют высокой интерактивности и удобства взаимодействия. В этой статье поговорим о том, как реализовать мощный, адаптивный компонент мульти-выбора на основе...
【Vue】ウォッチャー（watch）を使ったバリデーションとボタンの非活性
https://qiita.com/k12da/items/d6c422f80a1a9e988915?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
【Vue.js】OptionAPIとCompositionAPIの違い
https://qiita.com/k12da/items/0aa53609f53eab3f55e9?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
GridStack + Vue 3 composition api
Мир всем, на связи ShADAMoV ! Сегодня, я бы хотел поведать вам о своём опыте взаимодействия с библиотекой GridStack. Расскажу о странностях и сложностях, с которыми столкнулся в ходе её интеграции во Vue 3 проект. Прежде чем приступим, дисклеймер: автор данной статьи не претендует на истину в последней инстанции и так же не рассказывает про саму технологию, а лишь делится опытом взаимодействия с ней. Прежде чем читать дальше, настоятельно рекомендую прочесть документацию по данной библиотеке от автора (это займет не больше 10 минут). Итак, погнали!
Vue state management: Pania stores или composables с глобальные рефами?
На Reddit прошла интересная дискуссия с 25К+ просмотрами по вопросу предпочтений разработчиков при необходимости управлять глобальным состоянием во Vue 3. Ниже её итоги.
https://habr.com/ru/articles/780274/
#pinia #vue #composition_api #reactivity #ref #state #state_management
Habr
Qiita - 人気の記事
