Lmst

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】Piniaを使った状態管理
https://qiita.com/k12da/items/ad7d6e38f5edeb8750f3?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #Vue_js #Nuxt #Composition_API #Vue3 #Pinia

【Vue】ウォッチャー（watch）を使ったバリデーションとボタンの非活性
https://qiita.com/k12da/items/d6c422f80a1a9e988915?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #Vue_js #Composition_API #Vue3

【Vue.js】Vueにおけるリアクティブとは？
https://qiita.com/k12da/items/b596514c36bf9ff542a2?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #Vue_js #vue2 #Composition_API #Vue3 #OptionsAPI

【Vue.js】OptionAPIとCompositionAPIの違い
https://qiita.com/k12da/items/0aa53609f53eab3f55e9?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #Vue_js #vue2 #Composition_API #Vue3 #OptionsAPI

【Vue.js】単一ファイルコンポーネント（SFC）
https://qiita.com/k12da/items/faf2bb844bc4db015e89?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #Vue_js #vue2 #Composition_API #Vue3 #OptionsAPI

GridStack + Vue 3 composition api

Мир всем, на связи ShADAMoV ! Сегодня, я бы хотел поведать вам о своём опыте взаимодействия с библиотекой GridStack. Расскажу о странностях и сложностях, с которыми столкнулся в ходе её интеграции во Vue 3 проект. Прежде чем приступим, дисклеймер: автор данной статьи не претендует на истину в последней инстанции и так же не рассказывает про саму технологию, а лишь делится опытом взаимодействия с ней. Прежде чем читать дальше, настоятельно рекомендую прочесть документацию по данной библиотеке от автора (это займет не больше 10 минут). Итак, погнали!

https://habr.com/ru/articles/783286/

#Gridstack #Composition_api #Vue_3

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