Question #152

<template>
  <div>
    {{ user1.name }} and {{ user2.name }}
  </div>
</template>

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

let user1 = reactive({
  name: 'Bob',
});

const user2 = ref({
  name: 'Tom',
});

setTimeout(() => {
  user1 = reactive({
    name: 'Alex',
  });

  user2.value = {
    name: 'Fred',
  };
}, 1000);
</script>