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>