Blog

Technical articles on Vue.js, React, CSS and JavaScript: concepts, code samples and practical notes.

Articles — page 2

Slots let a parent component pass content into placeholders defined in a child component's template.

A Vue single-file component combines a component's HTML, JavaScript and CSS in one .vue file.

A side effect is any work that reaches outside a function — DOM changes, requests, timers — and in Vue it belongs in watchers and lifecycle hooks.

A Vue Single File Component (SFC) keeps a component's template, script and styles together in one .vue file.

A scoped slot lets a child component pass its own data to the content the parent puts into the slot.

Vue's scheduler queues component updates and watcher callbacks and runs them together, once per tick.

A render function describes a Vue component's output in JavaScript with h(), instead of a template.

Vue's ref attribute gives your code direct access to a DOM element or a child component instance.

Vue's Reactivity API — ref, reactive, computed, watch and watchEffect — manages state and keeps the UI up to date.