Petite Vue

ELI5 — The Vibe Check

Petite Vue is Vue's little sibling at just 6KB — it's designed for sprinkling interactivity on server-rendered HTML, just like Alpine.js. It uses the same template syntax as Vue, so if you know Vue, you already know Petite Vue. It's Vue that went on a diet.

Real Talk

Petite Vue is an alternative distribution of Vue optimized for progressive enhancement. At ~6KB, it uses the same template syntax as Vue but is designed for enhancing server-rendered HTML with lightweight interactivity. It supports v-scope for defining reactive state directly in markup.

Show Me The Code

<div v-scope="{ count: 0 }">
  <button @click="count++">{{ count }}</button>
</div>
<script src="https://unpkg.com/petite-vue" init></script>

When You'll Hear This

"Petite Vue is perfect for adding interactivity to static sites without a build step" / "If your team knows Vue, Petite Vue is a better choice than Alpine.js"