在vuejs中同樣可以進行條件判斷和循環(huán)。
1.條件判斷
vuejs通過“v-if”指令執(zhí)行判斷
v-if表示的是值為true則顯示該標簽,為false則不顯示术吗;
這段代碼表示擒滑,如果abc這個對象存在的話,就顯示這一行數(shù)據(jù)积瞒,它的值為abc.a川尖。如果不存在的話,就不顯示茫孔。顯然在該代碼中abc對象是存在的叮喳,且abc.a的值為1.所以最后在頁面上顯示的是1。
2.循環(huán)
vuejs中的循環(huán)時通過v-for指令來執(zhí)行的缰贝。它表示的是列表渲染馍悟。
這里的items可以是一個對象那個也可以是一個數(shù)組。v-for="i in items"就相當于
for(var ?i in ?items).{{i}}就相當于是items[i].這里的li會被復制多個剩晴,然后依次被items[i]渲染锣咒,直到渲染完畢;最終在頁面顯示的是值為1 2 3的列表李破。