Vue_修飾符

事件修飾符

常用：v-on:click只需在後方新增prevent語法(防止防止頁面上移)

<a href="#" class="btn btn-info" v-on:click.prevent="reversetext">

按鍵修飾符

• v-on == @
  原寫法：v-on:click=”函數”
  修飾寫法：@click=”函數”

• v-blid ==:
  原寫法：v-blid:href=”link”
  修飾寫法：:href=”link”

Modifiers 修飾符

.lazy
原本雙向綁定的更新方式是以 input 事件監聽，亦即資料變動即更新，但使用.lazy會改用 change 事件監聽，event trigger 才更新。
此時若要新增一個屬性用來計算總共有多少隻家禽，如下：

number修飾符

將字串轉為數字，在後方加入number即可將輸入的字串轉為數字

<input type ="number" class="form-control" v-model.number="age">

trim緊貼文字

當輸入文字夾雜著空格時，使用trim便可以刪去空格，文字便可以相連

<input type ="text" class="form-control" v-model.trim="age">>