title: VueJS: <template> vs <div> or related for grouping elements for conditional rendering
body: <p>In Vue.js, if you want to conditionally render multiple elements via a <code>v-if/v-else-if</code> directive you can wrap them inside <code>&lt;template&gt;</code> tags and apply the directive to the <code>&lt;template&gt;</code> tag, as explained <a href="https://v2.vuejs.org/v2/guide/conditional.html#Conditional-Groups-with-v-if-on-lt-template-gt" rel="nofollow noreferrer">here</a>. However, you can also do the same with <code>&lt;div&gt;</code> tags wrapping the multiple elements. <strong>Are there any noticeable performance benefits to using <code>&lt;template&gt;</code> over <code>&lt;div&gt;</code> or any other similar native HTML5 tag?</strong></p>