VueJS绑定缩写:可省略v-onv-bind

Posted 君临

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VueJS绑定缩写:可省略v-onv-bind相关的知识,希望对你有一定的参考价值。

v-bind 缩写

Vue.js 为两个最为常用的指令提供了特别的缩写:

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

v-on 缩写

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

 

 

以上是关于VueJS绑定缩写:可省略v-onv-bind的主要内容,如果未能解决你的问题,请参考以下文章

打造可复用Vuejs组件

VueJs 指令双向绑定

vuejs中v-bind绑定class时的注意事项

vuejs 数据绑定

无法将文本绑定到 VueJS 模板中的 href 属性

Vuejs——Vuejs与form元素