Question #127

Author: admin
tags: Vue  
<template>
  <div>
    {{ text1 }}
    and
    {{ text2 }}
  </div>
</template>

<script setup>
import { ref } from 'vue';

let text1 = 'no1';
let text2 = ref('no2');

setTimeout(() => {
  text1 = 'yes1';
  text2.value =  'yes2';
}, 50);
</script>
What will the browser display after the callback from setTimeout is executed?
no1 and no2
no1 and yes2
yes1 and no2
yes1 and yes2
The text1 variable is not reactive.
Rate the difficulty of the question:
easyhard