在開發的過程中,如果我們能夠熟練掌握vue的修飾符,就可以大大提高我們的開發效率
}
//每次資料改變,檢視都會發生改變
********************===
}//只有游標離開之後,資料才會發生改變
在進行傳遞引數或者登陸註冊的時候,經常會出現空格耽誤事的問題,這個修飾符就會很好的解決這一問題
// 當輸入` name x ` -> `name x`可以限制輸入框是數字型別,但是有問題!!!! 不能先輸入字母在輸入數字,否則無效
阻止冒泡事件
// 點選p的時候,就會阻止冒泡行為了
阻止預設事件
// 點選p的時候,就會預設的事件
觸發一次,他的名字和他的用法一模一樣
觸發當我們寫小組件的時候,,可能需要繫結一些事件,但是正常繫結可能是無效的,例如下面這樣
*************************==
//才是有效的
當我們監聽滾動事件的時候,會一直觸發onscroll事件,在pc端我們是沒有任何問題的,但是如果在手機端,會變得很卡,那麼passive相當於是給scroll新增了乙個lazy事件,
這裡面內容很多
我們都知道事件的機制是: 捕獲機制->目標階段->事件冒泡,當我們設定了capture之後,我們就可以控制它的順序,讓他從頂級元素向下進行冒泡執行
123
4// 預設順序是-> 4 3 2 1 設定了capture之後 -> 1 2 4 3
點選我裡面有vue提供的常用的按鍵別名,比如回車還有刪除等等內容資訊
// 代表回車之後執行的操作VUE 常用修飾符
lazy number trim other v model.trim trim ref tr p click getstr 獲取button div newvue methods script 在事件處理程式中呼叫 event.preventdefault 或 event.stoppropagat...
vue修飾符與事件修飾符
前言 在乙個控制項中使用修飾符 可以對控制項或操作做出一定的改變或者約束 修飾符作用 lazy v model在input事件秀實況中轉變為在change事件中同步 number 將使用者舒服的值轉換為number型別 trim 自動過濾使用者輸入的首尾空格 stop 阻止冒泡 prevent 阻止...
vue學習 vue修飾符
vue為v on或者 的方式提供了事件修飾符，通過點 表示的指令字尾來呼叫修飾符。如v on click.stop。stop 阻止事件向外冒泡 prevent 阻止預設行為 capture 將事件冒泡改為事件捕獲的方式 self 只會觸發自己的預設行為，也就是說只有在e.target e.curre...