:是v-bind的缩写，是为了动态绑定数据。
一般的常量属性我们不用添加冒号；如果是会产生变化的值则要加上冒号。
加上了冒号是为了动态绑定数据，等号后面可以写***变量。
加冒号的，说明后面的是一个***变量或者表达式，没加冒号的后面就是对应的***字符串字面量
如果不使用冒号，等号后面就可以写字符串等原始类型数据。这时就无法进行动态绑定数据了。
分别是：v-bind:、v-on:、v-slot: 的缩写。
<div :class 等效于 <div v-bind:class
<div @click 等效于 <div v-on:click
<template #footer 等效于 <template v-slot:footer