<div id="app">
<p v-if="show"> You cane see me </p>
<p v-else> I am from else </p>
<template v-if="show">
<h2> Hi Template</h2>
<p> I am from template</p>
</template>
<button @click="show =! show"> Switch </button>
</div>
<script type="text/javascript">
new Vue({
el: "#app",
data: {
show : true,
}
});
</script>
Demo http://vue.toihid.com/section-3/vue-conditional-rendering-group.php