Vue Playground
Share
Learn
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
Rename
Clone
Save
Delete
Export
Set Default
Set Favorite
Share
Save
Copy Link
Share to web
Allow editing
Online chat
Help & support guide
Report abuse
Report a bug
Roadmap
Changelog
Windows App
MacOS App
Linux App
Keyboard shortcuts
Privacy
PlayCode v2023.6.5
Clear Logs
Clear on Run
Scroll to End
Hard restart
Live view
Live View Delay
Loop Protection
Run on opening
Deployment
Publish
https://vue.playcode.io
Share to web
Share website with anyone
.playcode.io
Add custom domain
Need help to setup custom domain?
Click here
.
Zoom
White Background
100