學習：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 的瀏覽器都能被正確地解析。縮寫語法的正確使用，不僅能夠使你的代碼看起來更加簡潔明了，還能夠提高你的工作效率！