vue模板语法
插值
文本
指令
参数
指令的参数在指令名后用冒号表示,在简写中,参数前的一切都会被压缩为一个:
字符。
对于v-bind
: 指令,简写形式是单个冒号 :
例如:v-bind:href="url"
简写为 :href="url"
对于 v-on:
指令,简写形式是 @
符号
例如:v-on:click="doSomething"
简写为 @click="doSomething"
对于 v-slot:
指令,简写形式是 #
符号
例如:v-slot:header
简写为 #header
动态参数
参数加上[]
表示动态参数,这里面会是一个JavaScript表达式,表达式的值会作为参数传入指令。
修饰符
修饰符是点号.
后跟一个指令后缀,用于指定指令的特殊行为。.
后面跟的就是触发事件。