Vue.js Tutorial

A progressive framework Vue.js is a JavaScript framework for building user interfaces. It is called “progressive” because you can adopt it incrementally – drop it into one page of ...

Create a project This scaffolds a Vue 3 project with Vite, giving you an instant dev server with hot reload. Text interpolation Show reactive data in the template with double ...

ref for single values In the Composition API, wrap a value in ref() to make it reactive. In the <script> you access it via .value ; in the template Vue unwraps it for you: ...

Single-File Components Vue apps are built from components – reusable pieces of UI. Each lives in a .vue file with three sections: the markup, the logic, and scoped styles. Props: ...

Conditional rendering v-if adds or removes elements from the DOM; v-show just toggles CSS visibility (cheaper for frequent toggles): Rendering lists v-for repeats an element for ...

Build for production Vue apps compile to plain static files – HTML, CSS and JavaScript – that any web server can serve: The build bundles and minifies your code, tree-shakes ...