JSFiddle - React, Tailwind, and code Playground

by hunterliu

HTML

<div id="app">
  <div v-if="type === 'A'">
    A
  </div>
  <div v-else-if="type === 'B'">
    B
  </div>
  <div v-else-if="type === 'C'">
    C
  </div>
  <div v-else>
    Not A/B/C
  </div>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
  	type: 'C'
  }
})