通常指令(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 作用...