JSFiddle - React, Tailwind, and code Playground

by Sergei Sokolov

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<div id="app">
  <h2 v-if="letter==='a'">a</h2>
  <h2 v-else-if="letter==='b'">b</h2>
  <h2 v-else-if="letter==='c'">c</h2>
  <h2 v-else>not match</h2>
  <hr>
  <input type="text" v-model="letter">
  <h2>{{mes}}</h2>
  
</div>

JavaScript

/**
 * для вопроса https://toster.ru/q/677976
 * Vue.js: почему не генерируется документ?
 */
new Vue ({
  el: '#app',
  data: {
    letter:'a',
    mes:'Hy there'
  }
})