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