v-if? v-else? v-show

v-if?根據表達式的值的真假條件渲染元素。

v-else 不需要表達式.前一兄弟元素必須有?v-if?或?v-else-if

v-show?根據表達式之真假值，切換元素的?display?CSS 屬性

?

v-for

基于源數據多次渲染元素或模板塊。

?

v-text v-html

v-text?更新元素的?textContent。如果要更新部分的?textContent?，需要使用?{{ Mustache }}?插值。

v-html?更新元素的?innerHTML?。在網站上動態渲染任意 HTML 是非常危險的，因為容易導致?XSS 攻擊。

?

v-on

綁定事件監聽器。

?

v-model

在表單控件或者組件上創建雙向綁定

還有修飾符

• .lazy?- 取代?input?監聽?change?事件
• .number?- 輸入字符串轉為數字
• .trim?- 輸入首尾空格過濾

?

v-bind

動態地綁定一個或多個特性，或一個組件 prop 到表達式。

?

v-pre v-cloak v-once

v-pre?可以用來顯示原始 Mustache 標簽

v-clock?渲染完成后加載

v-once?只渲染元素和組件一次

?

directive 自義定指令

顧名思義 自己定義的指令

?

轉載于:https://www.cnblogs.com/webPang/p/8526815.html

總結

以上是生活随笔為你收集整理的Vue.js指令实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。