[Vue.js] v-bind 與 v-on 的縮寫

v- 是 vue 的前綴字，可以用以下縮寫代替。

v-bind 縮寫:

view plaincopy to clipboardprint

1. <!-- 完整語法 -->   
2. <a v-bind:href="url"></a>   
3. <!-- 縮寫 -->   
4. <a :href="url"></a>   
5. <!-- 完整語法 -->   
6. <button v-bind:disabled="someDynamicCondition">Button</button>   
7. <!-- 縮寫 -->   
8. <button :disabled="someDynamicCondition">Button</button>  

v-on 縮寫:

view plaincopy to clipboardprint

1. <!-- 完整語法 -->   
2. <a v-on:click="doSomething"></a>   
3. <!-- 縮寫 -->   
4. <a @click="doSomething"></a>  

反應：