VUE之v-show与v-for

一、v-if和v-show对比

v-show的用法和v-if非常相似,也用于决定一个元素是否渲染。
v-if和v-show对比：
1.v-if当条件为false时,压根不会有对应的元素在DOM中。
2.V-show当条件为false时,仅仅是将元素的 display属性设置为none而已。
开发中选择：
-当需要在显示与隐藏之间切片很频繁时,使用 v-show
-当只有一次切换时,通过使用v-if

二、v-for遍历数组

当我们有一组数据需要进行渲染时,我们就可以使用v-for来完成。
v-for的语法类似于 JavaScript中的for循环
格式: item in items的形式
例：
如果在遍历的过程中不需要使用索引值
v-for="movie in movies
依次从oves中取出move,并且在元素的内容中,我们可以使用 Mustache语法,来使用movie

如果在遍历的过程中,我们需要拿到元素在数组中的索引值时
语法格式:v-for = (item, index) in items
其中的index就代表了取出的item在原数组的索引值