Vue.js入門(條件、循環)

簡單的 if 條件

可以對元素條件控制的屬性 v-if
在這裏插入圖片描述

(上方代碼有錯誤,你能找出來嗎?)

在這裏插入圖片描述
如果我們把seen改成false會怎麼樣?
在這裏插入圖片描述
這時候我發現我還能看見這句話???爲什麼會這樣呢
打開控制檯 F12
提示vue有錯
在這裏插入圖片描述
再回去看一看
在這裏插入圖片描述
懂了嘛,我vue的 v 沒大寫。。。(丟臉,以後謹記)

好了現在再看一下
在這裏插入圖片描述
以後就可以通過這樣的方式 控制元素的顯現與否了 [贊]

PS:

我之前一直沒明白手冊裏說的在控制檯輸入是什麼意思
回過頭又看一遍的時候我試了一下(之前seen已經爲false)
此時應該是看不見那句話的
這次我在控制檯輸入
在這裏插入圖片描述
下方的藍色true是回車後自動出現的
當然自動出現的還有
在這裏插入圖片描述
原來控制檯輸入是這個意思
我之前一直在程序中寫入,這樣一來更好玩了



簡單的循環

說實話這個我沒看太懂,先記錄上
在這裏插入圖片描述
在這裏插入圖片描述
此時控制檯輸入
在這裏插入圖片描述
這好像是返回此次插入內容在數組內的下標,同時
在這裏插入圖片描述
我是怎麼理解的呢,todo in todos 其實就是遍歷數組 todos,todo就相當於定義了一個變量用來遍歷數組(類似for循環中衡量次數的變量)
上面這句話是錯的,之前那個手冊上的例子不好,我再舉個例子
在這裏插入圖片描述
不知道這樣你們是不是更好理解,反正我是懂了
在這裏插入圖片描述
在這一行中,son是指每次循環時對應的student中的元素(相當於子集),而 t 就是一個時間變量,用來遍歷數組用的,數值等同每次循環時的數組元素(子集)下標
與html中的 for in 循環相似(僅僅遍歷原理相似),可以借鑑理解下

然後我們在控制檯中寫入:
在這裏插入圖片描述
在這裏插入圖片描述

完美

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章