JSFiddle - React, Tailwind, and code Playground

by furiblog

HTML

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
  <button @click="defaultFlg = !defaultFlg">デフォルト:{{defaultFlg}}</button>
  <button @click="amazonFlg = !amazonFlg">Amazon:{{amazonFlg}}</button>
  <p v-if="defaultFlg">Google</p>
  <p v-else-if="amazonFlg">Amazon</p>
  <p v-else>Apple</p>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    defaultFlg: false,
    amazonFlg: true
  }
});