Vue常見指令

2021-09-12 19:01:19 字數 778 閱讀 6339

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 作用...