<!--

Powiedz Witaj świecie z Vue!

-->

​

<script setup>

import { ref } from 'vue'

​

// "ref" jest reaktywnym źródłem danych, które przechowuje wartość.

// Technicznie rzecz biorąc, nie musimy opakowywać ciągu znaków za pomocą ref()

// aby go wyświetlić, ale w następnym przykładzie zobaczymy,

// dlaczego jest to potrzebne, jeśli kiedykolwiek zamierzamy zmienić

// wartość.

const message = ref('Witaj świecie!')

</script>

​

<template>

  <h1>{{ message }}</h1>

</template>