VueJS

39 articles in VueJS.

What Is a Web Component?

Web Components are a browser standard for reusable custom HTML elements, and Vue can produce them with defineCustomElement.

A VNode (virtual node) is the JavaScript object Vue uses in its virtual DOM to describe an element or component.

The virtual DOM is a lightweight representation of the user interface that Vue compares and patches instead of rebuilding the real DOM.

Vue's virtual DOM (VDOM) is a lightweight JavaScript copy of the DOM that lets Vue update the page efficiently.

A template ref gives your code direct access to a DOM element or child component marked with the ref attribute.

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.