1.图片一般只设置一个宽度即可，会自动按照等比例缩放，要是width和height都设置会造成图形的变形
2.
<p v-for="user in userList">姓名：{{user.name}}，年龄：{{user.age}}</p>
<p v-for="(user,i) in userList" :key="user.id">循环索引：{{i}}，姓名：{{user.name}}，年龄：{{user.age}}</p>
i：循环的索引；从0开始 。
:key: 用于设置循环唯一值，增强循环的性能，这里推荐设置为id（唯一），不推荐使用i,i可能会变化
- 状态错乱：当列表项被添加、删除或重新排序时，基于索引的 key 会导致 Vue 错误地复用 DOM 元素，可能导致状态（如表单输入值）与数据不匹配
- 性能问题：Vue 无法高效地识别真正发生变化的元素，可能会导致不必要的 DOM 操作。
- 过渡动画异常：在使用过渡动画时，基于索引的 key 可能导致动画表现异常
设置使用id唯一表示，避免删除排序时错乱，类似数组，删除有个迁移算法，速度较慢
3.css 样式写法和js样式写法区分
