v-bind 缩写

    <!-- 完整语法 -->

    <a v-bind:href="url"></a>

    <!-- 缩写 -->

    <a :href="url"></a>

v-on 缩写

    <!-- 完整语法 -->

    <a v-on:click="doSomething"></a>

    <!-- 缩写 -->

    <a @click="doSomething"></a>    

<!-- class 绑定 -->

<div :class="{ red: isRed }"></div>  : 是v-bind的缩写，v-bind绑定对象时，可以根据后面的 布尔值决定是否绑定一个class。上面代码。