What are inline templates in Vue.js?

If you keep an inline-template on a child component then it will use its inner content as a template instead of treating as reusable independent content.
<my-component inline-template>
   <div>
       <h1>Inline templates</h1>
       <p>Treated as component component owne content</p>
   </div>
</my-component>
Note : Even though this inline-templates gives more flexibility for template authoring, it is recommended to define template using template property or tag inside .vue component.