vue中的常用指令

2021-10-23 02:22:33 字數 988 閱讀 6018

在正式使用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 遍歷陣列 物件...