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

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