Vue 3.6 & Vapor Mode: Tanpa Virtual DOM, Reaktivitas Alien Signals

Vue 3.6 (sudah masuk fase beta pada 2026) membawa dua perubahan teknis terbesar sejak Vue 3.0. Ringkasan dari release notes resmi vuejs/core.

Vapor Mode

Strategi kompilasi baru yang menghilangkan Virtual DOM untuk komponen tertentu — meng-compile langsung ke operasi DOM. Hasilnya rendering jauh lebih cepat dan baseline bundle yang jauh lebih kecil. Sifatnya opt-in per komponen lewat atribut vapor pada <script setup>, jadi bukan migrasi semua-atau-tidak:

<script setup vapor>
import { ref } from 'vue'
const count = ref(0)
</script>

Pada fase beta, Vapor Mode sudah mencapai paritas fitur dengan mode Virtual DOM (kecuali Suspense dalam mode Vapor murni).

Alien Signals

Inti @vue/reactivity ditulis ulang berdasarkan alien-signals, secara signifikan menurunkan overhead pelacakan dependency dan penggunaan memori. Kode aplikasi yang sudah ada tetap berjalan seperti biasa — ini optimasi di level internal.

Catatan: Vapor Mode masih iterasi aktif. Cocok untuk eksperimen dan sub-halaman yang sensitif performa, belum disarankan untuk migrasi seluruh aplikasi produksi.

Detail di github.com/vuejs/core.