<template> <div> <span v-if="isShowText1">{{ text1 }} </span> and <span v-if="isShowText2">{{ text2 }} </span> </div> </template> <script setup> import { ref } from 'vue'; const isShowText1 = true; const isShowText2 = ref(true); const text1 = 'text1'; const text2 = ref('text2'); </script>