vue 分支结构 循环结构

v-if、v-else,v-if-else,v-show

v-if、v-else,v-if-else渲染时只渲染满足条件的一条

v-show 只有ture和flase两个值,通过控制display来控制

条件判断语句写在html中例

  

优秀

  

  

一般

  

很差

循环结构

v-for

如果数组包含的是对象数据,则插值表达式中用name.来输出

key的作用

帮助vue提供性能,可以用name.id,或者用index

遍历数组

  • {{name+" “ +index}}

 

你可能感兴趣的:(vue 分支结构 循环结构)