Question #124

Author: admin
tags: Vue  
<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>
What text will be displayed in the browser?
and
and text2
text1 and
text1 and text2
In this case, the presence or absence of reactivity does not affect the display result.
Rate the difficulty of the question:
easyhard