Skip to content

Hello World warm-up

By webfansplz @webfansplz

Take the Challenge    简体中文

Hello, World!

In Vue.js Challenges, we use the Vue.js SFC Playground based on vuejs/repl to code online and provided coding judge by StackBlitz & Vitest.

For this challenge, you will need to change the following code to make the page show "Hello World" correctly.

<script setup>
import { ref } from "vue"
const msg = ref("Hello World")
</script>

<template>
  <div>
    <!-- The output of the page is expected to be Hello World -->
    <h1>msg</h1>
  </div>
</template>

Click the Take the Challenge button to start coding! Happy Hacking!

Share your Solutions Check out Solutions