vue v-bind v-on

Posted 张正--博客园

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue v-bind v-on相关的知识，希望对你有一定的参考价值。

v- 前缀作为一种视觉提示，用来识别模板中 Vue 特定的特性。当你在使用 Vue.js 为现有标签添加动态行为 (dynamic behavior) 时，v- 前缀很有帮助，然而，对于一些频繁用到的指令来说，就会感到使用繁琐。同时，在构建由 Vue.js 管理所有模板的单页面应用程序 (SPA - single page application) 时，v- 前缀也变得没那么重要了。因此，Vue.js 为v-bind 和 v-on 这两个最常用的指令，提供了特定简写：

 

v-bind 缩写

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

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

v-on 缩写

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

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

以上是关于vue v-bind v-on的主要内容，如果未能解决你的问题，请参考以下文章

vue v-bind v-on

如何在 Vue 中使用 v-bind 和 v-on 绑定自定义命名模型？

vue内置指令与自定义指令

v-bind v-on

vue学习——v-on:

VueJS参数绑定：v-bind:href,v-on:event