2018年8月2日 星期四

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

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

v-bind 縮寫:

  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 縮寫:

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

0 意見:

Related Posts Plugin for WordPress, Blogger...