:
是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