Vue：v-bind/v-on的缩写

drl_blogs

于 2019-04-26 08:31:44 发布

阅读量500

点赞数

CC 4.0 BY-SA版权

分类专栏： # Vue

本文链接：https://blog.youkuaiyun.com/drl_blogs/article/details/89530526

8 篇文章

订阅专栏

本文详细介绍了Vue.js中v-on和v-bind指令的简化写法，帮助开发者更高效地使用这两个核心指令。通过示例展示了如何将冗长的语法简化为更简洁的形式，提高代码的可读性和编写速度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!-- 完整语法 -->
<a v-bind:href="url">...</a>

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

<!-- 完整语法 -->
<a v-on:click="doSomething">...</a>

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