指令表达式
(item, index) in / of list

in / of 都可以使用数组或对象，在 Vue 中两者都是一套定义方式
但在 JavaScript 中枚举对象或者遍历概念里，是语义化的问题

• for in 对象属性的枚举
• for of 可迭代对象的遍历

建议

• 遍历可迭代对象
  • for of (item, index)
• 枚举对象属性
  • for in (value, key, index)

v-for 建议搭配 key, key 属性必须 是唯一的值 ，方便 Vue 的就地更新策略的实施

遍历对象

遍历对象的顺序，会按照 Object.keys() 的结果进行遍历

值范围

<template>
<div>
  <span 
        v-for="s in 5"
        :key="s"
        :style="{color: s <= 3 ? 'orange' : 'grey'}"
        >★</span>
</div>
</template>