迴圈語句
v-if
作用:條件判斷
例子:
>
"seen"
>現在你看到我了<
/p>
"ok"
>
/h1>
學的不僅是技術,更是夢想!<
/p>
哈哈哈,打字辛苦啊!!!<
/p>
<
/template>
<
/div>
newvue(}
)<
/script>v-if指令將根據表示式seen的值(true或false)來決定是否插入p元素
字串模板中,寫條件快
}yes<
/h1>
}
v-else
(1)v-if…v-else
條件:隨機生成乙個數字,判斷是否大於0.5,然後輸出對應資訊:
>
"math.random() > 0.5"
>
//如果隨機數字大於0.5
sorry
<
/div>
else
>
not sorry
<
/div>
<
/div>
newvue()
<
/script>(2)v-else-if(2.1.0新增),等價於v-if的else-if
>
"type === 'a'"
>
a<
/div>
else-if
="type === 'b'"
>
b<
/div>
else-if
="type === 'c'"
>
c<
/div>
else
>
not a/b
/c<
/div>
<
/div>
newvue(}
)<
/script>注:v-else、v-else-if必須跟在v-if或者v-else-if後面
v-show
作用:根據條件展示元素
>
"ok"
>hello!
<
/h1>
<
/div>
newvue(}
)注:都是根據指令後面的表示式時false還是true來判斷是否顯示
v-for遍歷陣列
迴圈語句:v-for
注:v-for指令需要以site in sites形式的特殊語法,sites是原資料陣列並且site是陣列元素迭代的別名
例子:v-for繫結資料到陣列來渲染乙個列表
>
for=
"site in sites"
>
//迴圈遍歷
}//陣列元素迭代的別名
<
/li>
<
/ol>
<
/div>
newvue(,
,]}}
)<
/script>執行結果:1.runoob 2.google 3.taobao(縱向排列)
v-for迭代物件
1、v-for通過乙個物件的屬性來迭代資料(乙個引數,遍歷獲取鍵值)
>
for=
"value in object"
>
//遍歷物件
}//獲取物件的屬性(鍵值)
<
/li>
<
/ul>
<
/div>
newvue(}
})<
/script>執行結果:
2、可以提供兩個引數:鍵名,鍵值
>
for=
"(value, key) in object"
>
//遍歷物件的鍵名和鍵值}:
}//獲取鍵名和鍵值
<
/li>
<
/ul>
<
/div>執行結果:
3、也可以提供3個引數:索引、鍵名、鍵值
>
for=
"(value, key, index) in object"
>
//遍歷物件(索引、鍵名、鍵值)}.
}:}//獲取索引、鍵名、鍵值
<
/li>
<
/ul>
<
/div>v-for迭代整數
例子:>
for=
"n in 10"
>
}<
/li>
<
/ul>
<
/div>
newvue()
<
/script>
Linux Shell(三) 條件判斷
str1 str2 當兩個串有相同內容 長度時為真 str1 str2 當串str1和str2不等時為真 n str1 當串的長度大於0時為真 串非空 z str1 當串的長度為0時為真 空串 str1 當串str1為非空時為真 int1 eq int2 兩數相等為真 int1 ne int2 兩數...
Python基礎學習三 條件判斷和迴圈
if語句,注意縮排是4個空格 age 20 if age 18 print your age is age print adult print end if else語句 if age 18 print adult else print teenager if elif else語句,注意 中間是e...
Python學習筆記(三)條件判斷和迴圈
if 條件判斷1 執行1 elif 條件判斷2 執行2 elif 條件判斷3 執行3 else 執行4 age 20 if age 6 print teenager elif age 18 print adult else print kid 如果在某個選擇支為 true,則忽略掉剩下的 elif ...