How to use Vue 3 new defineModel macro
defineModel (Vue 3.4) simplifies working with multiple bindings between components using v-model
DevTips
About JavaScript, Vue and its ecosystem
Dedicated tutorials focusing on a single concept, technology, or tool.
Juan Andrés NúñezConditional Rendering of Slots
Learn how to render slots based on a conditio, using Vue 3 Composition API.
Pinia and Vue 3 first steps
Take the first steps with Pinia and Vue 3 using Composition API. It is a lightweight, extensible, and modular library that takes away the complexity of Vuex.
Multiple v-model with Vue 3
With Vue 3 and its Composition API, you can use multiple v-models in your components. Each Vue 3 v-model synchronizes with a different property, simplifying the process of reactive communication between components.
Flexible Arguments in Vue 3 composable functions
With Vue 3's isRef and unref functions, you can create flexible arguments with reactive or non-reactive values, making your code more reusable and versatile.
Your First Vue 3 Composable
The composition pattern (composable) is one of the most interesting features introduced by Vue 3 Composition API. It allows us to use reactivity outside of components in a straightforward manner, something unthinkable before.
Improve Vue 3 performance with v-once
With Vue 3 v-once directive you can treat part of the content as static after the initial load. Vue 3 v-once can have a positive impact on the overall performance of your application, making it a small technique worth knowing.
Automatic Component Loading with Vite
Loading global components in Vue 3 has never been easier, thanks to one of the features of Vite called Glob Import.
Ref vs Reactive
Learn the difference between Ref and Reactive in Vue 3 through examples where you'll discover the pros and cons in each case.