天天看點

vuejs 指令

vuejs基礎文法中的指令:

v-cloak

在插值表達式的标簽上添加v-cloak 指令

原理:先通過樣式隐藏内容,然後在記憶體中進行值的替換,替換好之後顯示結果

執行vue會自動清除該指令

v-text

填充文本内容,不能解析html标簽

v-html

填充html片段 内容資料可以使用,第三方資料不能使用

v-pre

不常用,顯示原始資訊,不進行解析

v-once

隻編譯一次,結果顯示之後不可修改

v-model

雙向資料綁定 用于表單收集

v-bind:

綁定屬性,可以簡寫 ":"

v-on:

綁定事件,可以簡寫 "@" 事件例如click,input

v-if 不符合條件 标簽消失

v-show 不符合條件 樣式裡自動添加display:none

v-for 周遊對象時 固定順序(value,key,index)

事件修飾符

.stop 阻止冒泡

.prevent 阻止預設行為

.capture

.self

.once

.passive

按鍵修飾符

.enter

.tab

.delete (捕獲“删除”和“倒退”鍵)

.esc

.space

.up

.down

.left

.right