All of the following Vue template syntax is valid HTML that can be parsed by compliant browsers.   Vue provides text interpolation, built-in directives that reactively apply updates to the DOM when the value of the specified expression changes, and modifiers that specify how directives should be bound. Below I pull examples the Vue Template […]

A Vue component without JavaScript consists of static HTML elements.  The structure of the page and the data displayed on the page is not intended to change.  When we add JavaScript to a component we encode actions that are performed when the user interacts with the visual component (the view).  These actions can then alter […]

Vue components are independent and reusable custom elements that can be displayed in a web app. A Vue component is referred to as a Single File Component (SFC for short) because it resides in a dedicated file. SFC files are typically capitalized and end in .vue.  For organizational purposes, except for /src/App.vue, we put SFC […]