持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情juejin.cn/post/714765…
- v-for写在重复创建的元素节点身上。
- vue中要有key值，没有的话会报错，没有key的话vue会就地复用代码
用v-for迭代整数
如上图所示，如果遍历的是数组，in前面的变量代表的都是数组的成员。
如果遍历的是对象，那么in前面的遍历代表的是键值。
key值复用
个人总结：如果不给input加key值的话，当在Username里输入内容，点击按钮切换的时候，跳转到Email组件中，然后再Username里输入的内容也会带过来，这是一个弊端，解决办法就是加key值。
- 当 vue.js 用v-for 正在更新己渲染过的元素列表时，它默认用“就地复用“策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。
- 这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时 DOM 状态（例如：表单给入值)的列表渲染输出。
- 为了给 vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一key 属性。理想的 key 值是每项都有的且唯一的id。
- 但它的工作方式类似于一个属性，所以你需要用 v-bind 来绑定动态值
<div v-for-"item in items" :key="item.id">内容</div>- 建议尽可能在使用 v-for 时提供 key，除非遍历输出的 DOM 内容非常简单，或者是刻意依赖默认行为以获取性能上的提示。
