A Vue file is a file with .vue extension.
It is composed by three parts, template, script, and style. We ignore style now for simplicity.
The template portion of a Vue file is almost like HTML, except it includes the ability to add embedded JavaScript and directives, among other things. The script portion describes the functionality of the application. It specifically does so with an object called data, which provides values that are directly accessible in the template. Updates to values in data will be automatically propagated on the user interface.
<template>