4.3　指令缩写

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

1. v-bind缩写

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

2. v-on缩写

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

它们看起来可能与普通的HTML略有不同，但“:”“@”和“#”对于特性名来说都是合法字符，在所有支持Vue的浏览器中都能被正确地解析。而且，它们不会出现在最终渲染的标记中。 Ia2iL+o14nbyUhDpkI1sDGgWuFEx14cI5JiCTEzdzxhKTQqsywHWhdUBPFc+yDSD