【Vue.js】Gifを出したりしまったりする - 元祖若手のプログラミング奮闘記

app.html

<html>
<head>
  <title>Gif TEST</title>
</head>
<body>
  <h1>Gif TEST</h1>

  <div id="app">
    <div v-if="isLoading">
      <label>Loading Now!!</label>
      <img src="loading.gif"><!-- どっかからgifを取ってきてください。。 -->
    </div>
    Check this out!!<input type="checkbox" v-model="isLoading">
  </div>

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

app.js

var app = new Vue({
  el: "#app",
  data: {
    isLoading: false
  }
})