# v-if

[i] isLogin = {{isLogin}}

您好，请登录

您好，Andy（退出登录）

# v-else、v-else-if

[i] counter = {{counter}} 点击+1

😀 当前 counter 对 4 取余为 0

😡 当前 counter 对 4 取余为 1

🥶 当前 counter 对 4 取余为 2

🤢 当前 counter 对 4 取余为 3

# v-show

[i] isLogin = {{isLogin}}

您好，请登录

您好，Andy（退出登录）

# v-for 循环

[i] directions = {{directions}}

方向：

• No.{{index}} {{direction}}

---

[i] colors = {{colors}}

更新数组： push() 末尾添加1个、 pop() 末尾删除1个
其他还有：「shift() 开头删除1个」、「unshift() 开头添加1个」、「splice() 任意位置添加/删除」、「reverse() 反转」、「sort() 排序」

# v-for 遍历

[i] languages = {{languages}}

v-for="value in languages"

{{value}}

# v-for 遍历对象

v-for="(value, key) in languages":

{{key}}: {{value}}

---

v-for="(value, key, index) in languages":

No.{{index}} {{key}}: {{value}}

# v-for 遍历整数

v-for="i in 5":

No.{{i}}

---

# key属性

请勾选喜欢的数字，或是添加数字： 添加

{{number}}

# 练习

[i] words = {{words}}

其中，包含字母 a 的单词有：