v-memo.vue

v-memo.vue

<script setup>
import { ref } from'vue'
let message = ref("Hello World") 
let question =ref("How are you?") 
let updateMessage= () => { message.value ='Goodbye World' } 
let updateQuestion= () => { question.value ='What is your name?' } 
</script> 
<template>
  <h1 v-memo="[ message ]">{{message}} - {{question}}</h1> 
  <button @click="updateMessage"> Обновить сообщение </button> 
  <button @click="updateQuestion"> Обновить вопрос </button> 
</template>