Skip to main content

Vue

Vue is a progressive JavaScript framework for building user interfaces.

What Is Vue​

Vue combines templates, reactive state, components, and tooling into an approachable frontend framework.

It can be used for small interactive pieces or full single-page applications.

How To Use Vue​

Define components with templates, script logic, and styles. Bind data to the template and let Vue update the DOM.

Basic Example​

<template>
  <h1>Hello, {{ name }}</h1>
</template>

<script setup>
const name = 'Vue'
</script>

Common Concepts​

  • Components organize UI.
  • Reactivity updates the view when data changes.
  • Directives add behavior in templates.
  • Single-file components keep related code together.

What To Learn Next​

Learn composition API, routing, Pinia, forms, transitions, and server-side rendering with Nuxt.