Section 3

by Rushan Sakhibgareev

HTML

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

<div id="app">
<p v-if="show">
You can see me!
</p>
<p v-else>
Do you also see me?
</p>
<template v-if="show">
<h1>
   Heading
</h1>
  <p>
    Inside a template
  </p>
</template>
<p v-show="show">
 Do you also see me?
</p>
<button @click="show = !show">
Switch
</button>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
     show: true
  }
})