v-text : 更新元素的 textcontent
v-html : 更新元素的 innerhtml
v-if : 如果為 true, 當前標籤才會輸出到頁面
v-else: 如果為 false, 當前標籤才會輸出到頁面
v-show : 通過控制 display 樣式來控制顯示/隱藏
v-for : 遍歷陣列/物件
v-on : 繫結事件監聽, 一般簡寫為@
v-bind : 強制繫結解析表示式, 可以省略 v-bind
v-model : 雙向資料繫結
ref : 指定唯一標識, vue 物件通過$els 屬性訪問這個元素物件
v-cloak : 防止閃現, 與 css 配合: [v-cloak]
簡單的**演示如下:
baidu.com提示}
v-model : 雙向資料繫結指令
使用 v-model 對表單資料自動收集
1) text/textarea
2) checkbox
3) radio
4) select
見如下**:
效果如下:
vue常見指令
輸出乙個字串 vue主檔案 我是1811a的一名普普通通的帥氣的講師 div template 編譯html標籤 vue主檔案 div template 可以吧元素當中的任何乙個屬性設定成變數 縮寫 vue主檔案 type type div template export default 當前頁面所...
VUE常見指令
通常指令 directives 是指帶有v 屬性的特殊屬性。在vue給html元素增加了自定義屬性你,它們都是以 v 開頭了 v text 更新元素的textcontent,如果要更新部分的textcontent,需要使用 插值v html 更新元素的innerhtml v show 根據表示式的真...
vue中常見指令
一 檢視輸出指令 作用 把 model繫結到view v text和v html v text例項 這個將不會隨msg屬性的改變而改變 v html例項 二 屬性繫結指令 作用 把model動態繫結view v bind 是 vue中,提供的用於繫結屬性 title 的指令 四 v model 作用...