vue learning: conditional rendering

by giordanna

HTML

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

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

JavaScript

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