Vue Playground

Sign In

Sign Up

FILES

App.vue

index.html

package.json

script.js

style.css

Items: 0

PACKAGES

vue

3.2.33

Items: 0

App.vue

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<script setup>
import {ref} from 'vue'
const count = ref(0)
</script>
<template>
  <h1>Hello Vue 3</h1>
  <button @click="count++">Count is: {{ count }}</button>
</template>
<style scoped>
button {
  font-weight: bold;
}
</style>

Console

Web View

?

1

Share

Share to web

Allow editing

Help & support guide

Discord

PlayCode v2025.4.3

Clear on Run

Scroll to End

Restart

Ctrl + R

Hard Restart

Ctrl + ⇧ + R

Live View

Live View Delay

Loop Protection

Run on Opening

Deployment

https://vue.playcode.io

Share to web

Share website with anyone

.playcode.io

Need help to setup custom domain? Click here.

Zoom

White Background

100