Vue.js v-if demo

Chapter 3.3

by tony915

HTML

<div id="app">
  <p v-if="seen">{{ message }}</p>
  <template v-if="seen">
    <h2>AAA</h2>
    <p>{{ message }}</p>
  </template>
</div>

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

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    seen: true,
    message: '這段訊息將在 3 秒後消失'
  }
});
// 3秒計時器
setTimeout(function(){
  app.seen = false;
}, 3000);