Vue指令 複習用

2021-10-06 18:12:20 字數 1310 閱讀 9414

1.v-text: 把內容已文字形式展現,偏向於文字的

2.v-html: v-text是把所有的都以文字的形式展現,而v-html能夠解析裡面的標籤

3.v-cloak: 這個指令是用來保持在元素上直到關聯例項結束時進行編譯(通常我們的資料都是以}的形式渲染出來的,那麼這樣的渲染與v-html和v-text有什麼區別呢?在網路不好的情況下,我們用}的形式渲染會出現閃現},再出現資料,所以將這個指令放在要渲染的標籤的父元素上就可以,還要記得寫樣式display:none當然你可以放在剛開始vue定義的範圍的標籤上,以達到防止閃爍的效果)

4.v-pre: 主要用來跳過這個元素和它的子元素編譯過程。可以用來顯示原始的mustache標籤。跳過大量沒有指令的節點加快編譯

}  //這條語句不進行編譯

}

5.v-once: 只會渲染一次,之後的重新渲染,例項極其所有的子節點將被視為靜態內容跳過,這可以用於優化更新效能

6.v-if: 實現根據條件渲染

7:v-else: v-else是搭配v-if使用的,它必須緊跟在v-if或者v-else-if後面,否則不起作用。

8.v-else-if: 可以鏈式的使用多次

9.v-show: 也是實現根據條件渲染。和v-if不同的是,如果v-if的值是false,則這個元素被銷毀,不存在dom中,但是v-show的元素會始終被渲染並儲存在dom中,它只是簡單的切換css的dispaly屬性。一般:如果要非常頻繁的切換,則使用v-show較好;如果在執行時條件不太可能改變,則v-if較好

10.v-for: 根據遍歷陣列來進行渲染

11.v-bind: 簡寫(』:』),動態的繫結乙個或者多個特性,常用於動態繫結href,src,class和style等

12.v-model: 實現資料的雙向繫結

修飾符:

(1).lazy

預設情況下,v-model同步輸入框的值和資料。可以通過這個修飾符,轉變為在change事件再同步

(2).number

自動將使用者的輸入值轉化為數值型別

(3) .trim

自動過濾使用者輸入的首尾空格

13.v-on: 簡寫(』@』),主要用來監聽dom事件

事件修飾符:

.stop 阻止事件繼續傳播(阻止冒泡)

.prevent 事件不再過載頁面

.capture 使用事件捕獲模式,即元素自身觸發的事件先在此處處理,然後才交由內部元素進行處理

.self 只當在 event.target 是當前元素自身時觸發處理函式

.once 事件將只會觸發一次

.passive 阻止瀏覽器的預設行為

CSS 常用標籤(供複習用)

一.css 字型 font size 設定文字大小font family 設定文字字型font style 設定文字字型的樣式 3.1.font style normal 預設值,正常的字型 3.2.font style italic 斜體,對於沒有斜體變數的特殊字型,將應用 oblique。3.3...

複習 用postmessage在程序間傳遞訊息

最近在用delphi做乙個 小玩意 要做乙個測試程式來做記錄分析,記錄程式對大部分要記錄的東西沒有什麼問題,比如對乙個滑鼠單擊事件響應就記錄一次。但是有乙個事件是發生在 小玩意 內部的,我也要進行記錄。記得以前用過postmessage在窗體間傳遞訊息的,就用他!要做的事情就是2件 1 在主程式 小...

錯排問題(個人總結 複習用)

錯排問題是組合數學發展史上的乙個重要問題,錯排數也是一項重要的數。令 的乙個錯排,如果每個元素都不在其對應下標的位置上,即 那麼這種排列稱為錯位排列,或錯排 重排 derangement 我們從分析1 2 3 4的錯排開始 1 2 3 4的錯排有 4 3 2 1,4 1 2 3,4 3 1 2,3 ...