JSFiddle - React, Tailwind, and code Playground

by junseok choi

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <p v-if="isCondition">{{ trueMessage }}</p>
  <p v-else>{{ falseMessage }}</p>
</div>

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    trueMessage: 'this is true!',
    falseMessage: 'this is false!',
    isCondition: true
  }
})

app.isCondition = false;