Vue条件渲染和列表渲染的使用

条件渲染

1.当我们有一个条件需要判断时使用条件渲染 v-if 可以看到当条件满足时会显示星期一，当条件不满足时不会显示出任何东西。

2.当我们有多个条件是需要判断时这时候就需要用到 v-else-if 了，它表示的是上一个条件不满足那就继续判断下一个条件当满足时就显示不满足就不显示。

可以看到我们给的是2他就显示星期二，所以v-else-if就是当前面的条件不满足就会判断下一个

这里要提的是使用 v-else-if 中间可以隔开但是中间不能加东西，不然就会出现一下错误信息

3.那如果前面的都不满足又想显示东西怎么办这时候就要用到v-else，可以看到条件都不满足的情况下使用v-else提示

列表渲染

1.使用列表渲染输出数组里的数据，列表渲染使用 v-for 来输出数据，index表示的是数组下标从0开始，item表示对象通过以键取值，name等于键拿到对应的值，num表示循环的变量根据个数来决定循环多少次，如果不定义index下标可以不用括号包住如果超过一个就得用（）。