在正式使用vue之前,我們需要熟悉vue中的各種指令:
1.}
文字插值:
}
data() ;
}
vue就將公安與司法大類
渲染到頁面。
2.v-bind
動態繫結:
v-bind可以縮寫為:
插入乙個動態的class,;插入乙個動態樣式,
3.v-if、v-else、v-else-if
條件判斷:
?
?
data() ;
}
如果flag=true顯示?,flag=false顯示?。
4.v-show
控制元素顯隱;
?
?
data() ;
}
如果flag=true顯示?,flag=false顯示?。
注:v-if和v-show的區別:
v-if是通過控制dom節點的存在與否來控制元素的顯隱;v-show是通過設定dom元素的display樣式,block為顯示,none為隱藏;因此,如果需要非常頻繁地切換,則使用 v-show 較好;如果在執行時條件很少改變,則使用 v-if 較好。
5.v-for
迴圈:
}
data() ,,,
,,,,
]};
}
6.v-on
事件***:
使用後再進行更新
7.v-model
表單輸入和應用狀態之間的雙向繫結
使用後再進行更新
解讀 vue中的常用指令
vue中有很多指令,有的是常用的,有的是不常用的,還有一些是自定義的。那麼什麼是指令呢?指令 是乙個特殊標記,vue通過這個標記來增強html標籤,也就是 讓html具備了一些原本不具備的功能 解讀 v model 用在表單元素中,用來實現雙向資料繫結 作用 將文字框的值與 data中msg資料,繫...
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 遍歷陣列 物件...