学习：vue中v-on和v-bind

vue中v-on和v-bind

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

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

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

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

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

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

注意：: 与 @ 对于特性名来说都是合法字符，在所有支持 Vue 的浏览器都能被正确地解析。缩写语法的正确使用，不仅能够使你的代码看起来更加简洁明了，还能够提高你的工作效率！