vue語法使用注意事項

2021-10-03 07:12:58 字數 1090 閱讀 2902

.stop:就是js中的event.stoppropagation()的縮寫,它是用來阻止冒泡的;

.prevent:就是js中event.preventdefault()的縮寫,它是用來阻止預設行為的;

.capture:捕獲事件和冒泡事件(預設)是兩種事件流,事件捕獲是從document到觸發事件的那個元素;冒泡事件是從下向上的觸發事件;

.self:就是防止父元素(設定了該修飾符)的子元素的事件冒泡到父元素上,只有本身觸發時才會執行事件處理程式(函式);

.once:每次頁面過載後只會執行一次。

如有錯誤,多多指正。

vue常用的表單修飾符的概念

.lazy:在預設情況下, v-model 在 input 事件中同步輸入框的值與資料,但你可以新增乙個修飾符 lazy ,從而轉變為在 「change」 而不是 「input」 事件中更新 :

.number:如果想自動將使用者的輸入值轉為 number 型別(如果原值的轉換結果為 nan 則返回原值),可以新增乙個修飾符 number 給 v-model 來處理輸入值:

這通常很有用,因為在 type=「number」 時 html 中輸入的值也總是會返回字串型別。

.trim:如果要自動過濾使用者輸入的首尾空格,可以新增 trim 修飾符到 v-model 上過濾輸入:

在vue.js中,有methods和computed兩種方式來動態當作方法來用的。

1.首先最明顯的不同 就是呼叫的時候,methods要加上()

2.我們可以使用 methods 來替代 computed,效果上兩個都是一樣的,但是 computed 是基於它的依賴快取,只有相關依賴發生改變時才會重新取值。

而使用 methods ,在重新渲染的時候,函式總會重新呼叫執行。

Vue注意事項

從 vue loader 13.0.0,不能用 require 來引入 vue 檔案,因為 vue 檔案最終會被編譯成 es6 module。從 vue 2.2.0 後使用 require vue 會報錯,應使用 es6 module import 具體原因請參考 vue 更新說明 webpack2...

vue使用注意事項總結

一 v for的key繫結 先上文件 可以看到,如果對於key的繫結會造成一些bug,而且往往這些bug是我們沒有注意到的 例如如下 v for item,key in list key key div 官方demo是繫結的itemid 但是在具體的開發場景中,可以沒有id或者可以繫結的值,之前預設...

verilog 語法注意事項

1.變數賦值或比較需要等位寬,進行嚴格約束,如 reg 7 0 param initial param 8 h87 最好不要寫 param 135 2.verilog 中使用case if else 或其他邏輯語句時需要保證語句的完整性,如 if 後需要跟隨 else case 內需要包含defau...