L'estensione di file .vue è associata principalmente a Vue.js, un framework JavaScript progressivo utilizzato per la creazione di interfacce utente e applicazioni a pagina singola (SPA). Un file .vue è un formato personalizzato che incapsula il template HTML, la logica JavaScript e gli stili CSS per uno specifico componente all'interno di un'applicazione Vue.js. Questo incapsulamento favorisce la modularità, la riutilizzabilità e la manutenibilità in progetti su larga scala. Il file contiene solitamente tre blocchi di primo livello: <template>, <script> e <style>. Il blocco <template> definisce la struttura HTML del componente, utilizzando la sintassi dei template di Vue per il data binding e le direttive. Il blocco <script> contiene il codice JavaScript che definisce i dati, i metodi, le proprietà calcolate e gli hook del ciclo di vita del componente. Il blocco <style> contiene gli stili CSS che definiscono l'aspetto visivo. Questi stili possono essere limitati al componente (scoped), evitando conflitti con altre parti dell'applicazione. Strumenti di build come webpack o Parcel vengono comunemente utilizzati per elaborare i file .vue, trasformandoli in HTML, JavaScript e CSS standard comprensibili dai browser web. Questo processo spesso comporta la transpilazione (ad esempio, utilizzando Babel per JavaScript) e il pre-processing CSS (ad esempio, utilizzando Sass o Less).