1. 程式人生 > >VUE中以v開頭的代碼和if判斷

VUE中以v開頭的代碼和if判斷

註釋 bin log 變量名 不存在 返回 如果 雙向 簡單的

v-model="變量名"            雙向數據綁定一個變量,基本用在input裏獲取用戶輸入的內容
v-bind:class="變量名"huo :class="變量名" 雙向數據綁定一個變量,用於改變當前標簽的class類和CSS樣式內容

if判斷

v-if="變量名" 或 v-if="變量名 === 值? 結果:結果" (三目判斷) 相當於js的if判斷,如果是隱藏則當前標簽徹底註釋不存在

<p v-if="test"? ‘1‘:‘2‘>如果test的結果是true,則返回1,如果是false則返回2</p>

v-else      同v-if一起用,必須是前後兄弟元素

<p v-if="num">如果num為true,則顯示這段文字</p>
<p v-else>否則就顯示這段文字</p>

v-show="變量名" true和false的判斷 簡單的dispaly:none的效果

<p v-show="num">如果num為true,則改當前元素dispaly為block顯示,如果是false則改為none隱藏</p>

以上三個的判斷,當變量賦值可以為null和undefined 均表示false

VUE中以v開頭的代碼和if判斷