Skip to content
masterclass Buddy
Start learning

Vue.js · Concept

Single-file components

A Vue Single-File Component is a .vue file that keeps a component's template, logic, and styles together. A build step processes it and enables features such as scoped CSS, precompiled templates, and hot-module replacement.

Last updated

Syntax

<script>...</script>
<template>...</template>
<style>...</style>

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • Vue
  • Components
  • Composition API
  • Options API
  • <template>
  • <script>
  • <script setup>
  • <style scoped>

Source: Single-File Components | Vue.js. Checked 2026-11-03.