データバインドを一度だけ行うv-once

<script setup lang="ts">
import { ref } from 'vue';

const price = ref(1000);
</script>

<template>
  <section>
    <input type="number" v-model="price" />円<br />
    <!--↓inputが変わる度に変わる-->
    <p>金額は{{ price }}円です。</p>
    <!--↓初期値の1000から変わらない-->
    <p v-once>金額は{{ price }}円です。</p>
  </section>
</template>