vue中 v-on 和 v-bind 的区别 ?

2023-01-16 15:19:39 浏览数 (1)

v-bind指令用于设置HTML属性:v-bind:href 缩写为 :href

代码语言:javascript复制
<!-- 完整语法 -->
<a v-bind:href="url">123</a>

<!-- 缩写 -->
<a :href="url">123</a>

v-on 指令用于绑定HTML事件 :v-on:click 缩写为 @click

代码语言:javascript复制
<!-- 完整语法 -->
<a v-on:click="doSomething">123</a>

<!-- 缩写 -->
<a @click="doSomething">123</a>

0 人点赞