Vue.js · Vue.js Team
Vue.js Official Interactive Tutorial
A free browser-based introduction to Vue, using editable examples to explain reactive state, templates, forms, and components.
Beginner0–2 hours
Vue.js courses and tutorials
Explore Vue.js tutorials for reactive interfaces, components, and state, with advice on JavaScript prerequisites and using the official interactive introduction.
1 learning resource in this collection
About Vue.js
Vue introduces a component-based approach to reactive browser interfaces. Its templates connect data with rendered output, while components give an application structure. JavaScript and basic HTML knowledge make those relationships easier to understand.
Choose a useful starting point
The official interactive tutorial offers a focused starting point. Notice which Vue version and API style the examples use when adding other resources. Practice the underlying reactivity and data flow before collecting plugins or a large starter template.
Build on the lessons
Build a small filterable list and an editable form. Identify the source of each value and explain what causes an update. Add routing or server work only when the component behavior is clear.