vue常用指令

2021-10-03 09:11:43 字數 1006 閱讀 4992

vue常用指令:

1.v-text:

v-text主要用來更新textcontent,可以等同於js的text屬性

2.v-html:

雙大括號的方式會將資料解釋為純文字,而非html。為了輸出真正的html,可以用v-html指令。它等同於js的innerhtml屬性。

3.v-pre:

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

4.v-clock:

這個指令是用來保持在元素上直到關聯例項結束時進行編譯。

5.v-once:

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

6.v-if:

v-if可以實現條件渲染,vue會根據表示式的值的真假條件來渲染元素。

7.v-if:

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

8.v-show:

也是用於根據條件展示元素。和v-if不同的是,如果v-if的值是false,則這個元素被銷毀,不在dom中。但是v-show的元素會始終被渲染並儲存在dom中,它只是簡單的切換css的dispaly屬性。

9.v-for:

用v-for指令根據遍歷陣列來進行渲染

10.v-bind:

v-bind用來繫結乙個或者多個特性。沒有引數時,可以繫結到乙個包含鍵值對的物件。常用於動態繫結class和style。以及href等。簡寫為乙個冒號[:]

11.v-model:

這個指令用於在表單上建立雙向資料繫結。v-model會忽略所有表單元素的value、checked、selected特性的初始值。因為它選擇vue例項資料做為具體的值。

12.v-on:

v-on主要用來監聽dom事件,以便執行一些**塊。表示式可以是乙個方法名。

簡寫為[@]

逆戰19011,停課不停學

vue常用指令

1 v model id box type text v model br div var a new vue script 就和 ng model 乙個意思了 v html html v html html渲染過程中被解析 v text text 同上 意思就是資料渲染過程中被解析 v for v...

vue常用指令

常用內建指令 v text 更新元素的 textcontent v html 更新元素的 innerhtml v if 如果為true,當前標籤才會輸出到頁面 v else 如果為false,當前標籤才會輸出到頁面 v show 通過控制display樣式來控制顯示 隱藏 v for 遍歷陣列 物件...

Vue常用指令

指令 即vue內部提供的自定義屬性,其封裝了vue內部實現的一些功能。v once 介面不跟資料變化,只渲染一次。v cloak 資料渲染後自動顯示元素。v cloak 預設先隱藏未渲染的介面等到生成html渲染之後再重新顯示。vue資料繫結過程 1.會先將未繫結資料的介面展示給使用者 2.然後再根...