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...

3 mins read

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...

3 mins read

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...

4 mins read

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...

4 mins read

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...

3 mins read

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...

6 mins read

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...

4 mins read

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...

4 mins read