Posts Tagged #vue
Every article on the Techalyst blog tagged with #vue.
Watchers in Vue 3: watch and watchEffect
Watchers run a side effect when reactive data changes: fetch on a query change, validate on input, sync to storage. Vue 3 gives you watch and...
Dynamic Components and keep-alive in Vue 3
Tabs, wizards, and switchable panels all need to render a different component depending on state. Vue's built-in <component> tag does ex...
Post-Flush Watchers vs nextTick in Vue 3
You change some reactive state, then you want to do something with the DOM right after. Scroll a chat window to the newest message. Focus an i...
The setup() Function in Vue 3
setup() is the entry point to the Composition API. It is where you create reactive state, computed values, and functions, and return what the...
Single File Components and script setup
A Single File Component, the .vue file, packs a component's markup, logic, and styles into one place. It is how nearly all real Vue is written...
Vue 3 Composables: Patterns and Best Practices
A composable is not a framework feature. It is just a function whose name starts with use, that leans on Vue's reactivity, and that you pull a...
Nuxt 3 Tips Worth Keeping
Nuxt hands you a pile of conventions and composables, and the docs cover each one in isolation. What you do not get is the short list of small...
Vue 3 Reactivity: ref, reactive, and the Whole API
Reactivity is what makes Vue feel magical: change a value, the DOM updates. But the magic only works if you make the value reactive in the rig...