vue3学习基础篇——模板语法

笔记 · 17 天前 · 36 人浏览

vue模板语法

插值

文本

指令

参数

指令的参数在指令名后用冒号表示,在简写中,参数前的一切都会被压缩为一个:字符。
对于v-bind: 指令,简写形式是单个冒号 :
例如:v-bind:href="url"简写为 :href="url"
对于 v-on:指令,简写形式是 @ 符号
例如:v-on:click="doSomething" 简写为 @click="doSomething"
对于 v-slot:指令,简写形式是 # 符号
例如:v-slot:header 简写为 #header

动态参数

参数加上[]表示动态参数,这里面会是一个JavaScript表达式,表达式的值会作为参数传入指令。

修饰符

修饰符是点号.后跟一个指令后缀,用于指定指令的特殊行为。
.后面跟的就是触发事件。

Vue
Theme Jasmine by Kent Liao