Vue (Vue.js) is a JavaScript framework for building user interfaces with components, templates and a reactivity system that automatically updates the page when data changes. It can be added to a single page or used to build a full application.
Why it matters
Vue is often chosen for a gentle learning curve and for incrementally adding interactivity to existing pages. Its single-file components keep markup, logic and styles together. Like other frameworks, it brings build tooling and bundle size considerations, and server-rendered Vue apps need hydration.
Example
<div id="app">
<input v-model="name">
<p>Hello, {{ name }}</p>
</div>Typing in the input updates the paragraph instantly, because v-model links the field to the name data property.
Common mistakes
- Assuming Vue needs a build step. It can be loaded from a script tag, though larger projects use a bundler.
- Mixing old Options API examples with newer Composition API code without noticing.
- Forgetting that reactive state must be declared up front to be tracked.
Related
Get notified when this term updates
Plus occasional practical tips on uptime and monitoring, nothing else. Unsubscribe anytime.
This page is general information written by our editorial team and updated when documentation changes. Servers and providers differ, so test changes safely first. See our editorial policy and disclaimer.