Vue Playground

Sign In

Sign Up

FILES

App.vue

ViewA.vue

ViewB.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

<script setup>
import ViewA from './ViewA.vue'
</script>
<template>
  <ViewA />
</template>

ViewA.vue

1

2

3

4

5

6

7

8

9

<script setup lang="ts">
import ViewB from './ViewB.vue'
</script>
<template>
  <div>View A</div>
  <hr width="100" align="left">
  <ViewB />
</template>

ViewB.vue

1

2

3

4

<template>
  ViewB
</template>

Web View

Console

?

1

Share

Share to web

Allow editing

Help & support guide

Discord

PlayCode v2025.5.15

Restart

Ctrl + R

Hard Restart

Ctrl + ⇧ + R

Live View

Live View Delay

Loop Protection

Run on Opening

Deployment

https://2014739.playcode.io

Share to web

Share website with anyone

.playcode.io

Need help to setup custom domain? Click here.

Zoom

White Background

100

Clear on Run

Scroll to End