Vue Code Examples

Runnable Vue code examples for common, everyday tasks.

All Vue code examples pages

Vue Reactivity Examples

A runnable gallery of Vue reactivity patterns — ref, reactive, computed, watch, a dynamic list, a toggle, an input binding and a counter — each a short editable demo.

A cookbook of runnable Vue examples for everyday tasks. Each snippet is short, tested, and ready to copy — edit any of them in place to fit your own data.

Run anything here in the Vue online compiler.

Frequently asked questions

Can I run these Vue examples live?

Yes. Each snippet is an editable playground that compiles and renders Vue in the browser instantly.

How do I use a Vue snippet in my project?

Copy the component code into your app. Each example is self-contained and uses only Vue itself.