JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <span v-if="friend">Hello again, {{ name }}</span>
  <span v-else-if="name === 'Vue'">Oh, it's you again...</span>
  <span v-else>Hey, nice to meet you!</span>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
  const options = {
    el: '#app',
    data: {
      name: 'Vue',
      friend: true
    }
  };
  const app = new Vue(options);
</script>