VUE常見指令

2022-09-06 02:42:09 字數 898 閱讀 1781

通常指令(directives)是指帶有v-屬性的特殊屬性。在vue給html元素增加了自定義屬性你,它們都是以"v-"開頭了

v-text: 更新元素的textcontent,如果要更新部分的textcontent,需要使用}

插值v-html:更新元素的innerhtml

v-show:根據表示式的真假切換元素的display css屬性

v-if:根據表示式的真假條件渲染元素

v-else:與程式語言中的else一樣

v-else-if:與程式語言中的else-if一樣

v-for: 可迴圈陣列,物件,字串,數字

v-on:繫結事件***。事件型別由引數決定

v-bind:動態的繫結乙個或多個屬性,或者乙個元件prop到表示式

v-model:表單元素或者元件上建立雙向繫結

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

v-cloak:這個指令保持在元素上直到關聯例項結束編譯。和 css 規則如 [v-cloak] 一起用時,這個指令可以隱藏未編譯的 mustache 標籤直到例項準備完畢。

v-once:只渲染元素和元件一次。隨後的重新渲染,元素/元件及其所有的子節點將被視為靜態內容並跳過。這可以用於優化更新效能。

}

我是可以看見的div,使用v-show

0.5">

大於0.5

小於0.5

迴圈陣列:

迴圈陣列:

迴圈物件:

迴圈物件:

迴圈字串:

迴圈數字:

您在文字框中輸入的內容是:}}}

this will never change: }

Vue常見指令

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

vue常見指令

輸出乙個字串 vue主檔案 我是1811a的一名普普通通的帥氣的講師 div template 編譯html標籤 vue主檔案 div template 可以吧元素當中的任何乙個屬性設定成變數 縮寫 vue主檔案 type type div template export default 當前頁面所...

vue中常見指令

一 檢視輸出指令 作用 把 model繫結到view v text和v html v text例項 這個將不會隨msg屬性的改變而改變 v html例項 二 屬性繫結指令 作用 把model動態繫結view v bind 是 vue中,提供的用於繫結屬性 title 的指令 四 v model 作用...