In this lesson, we're going to learn about a Vue component's template. Essentially, the template is where we define our HTML and general markup for our component. We also bind our component's data to the DOM in the template.
In Vue.js, we can define our template in a few different ways. In this lesson, we'll move away from the inline template and use the x-template technique, which is great when you're getting started.
Remember! Component template must contain exactly one root element.
You can read more about Vue's Template Syntax in the documentation.
Important Note
Since Vue.js 3 became the default you must now specify version 2 when getting Vue from a CDN.
<script src="https://unpkg.com/vue@2"></script>