Vue中常見指令

指令

什麼是指令？

指令指的就是vue元素或是元件身上的屬性，帶有特殊的v-識別符號

為什麼要使用指令？

因為資料控制檢視，也就意味你不能去像以前一樣操作dom

指令的目的就是操作dom

dom操作交給源**做了

專案中使用哪個？

vue中條件判斷提供了四個指令

* v-show

* v-show 的值是乙個布林值

* v-show不管初始條件是true,還是false,這個p元素都會建立

* v-show渲染開銷比較高

* v-show控制的元素的顯示和隱藏

* v-if v-else v-else-if

* 取值都是布林值

* v-if的形式控制的元素的建立和銷毀

* 單路分支

* 雙路分支

* 多路分支

* 專案中如何選用

* 如果是頻繁的切換，使用v-show

* 如果出現多路分支，v-if

*/資料繫結形式有兩種

* 單向資料繫結 v-bind

* 凡是要將乙個資料賦值給乙個屬性，我們就v-bind

* 雙向資料繫結 v-model

* 只用於表單元素，預設繫結value屬性

* input select

* 使用v-bind來實現雙向資料繫結效果

列表渲染： v-for

事件繫結

v-cloak 用於解決}閃現的問題

v-once 只渲染一次

vue中常見指令

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

vue中常見的指令

v text 把指定的資料渲染到指令所在的節點只能渲染純文字 類似於innertext v html 把指定的資料渲染到指令所在的節點，可以渲染html的結構，innerhtml v on 給元素繫結事件 v if 滿足條件的話，元素顯示 v show 滿足條件的話元素顯示 v cloak 解決差值...

Vue常見指令

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