Web前端最全Vue v-for对数据的遍历，2024年最新Web前端后端社招面试经历

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

当我们有一组数据需要进行渲染时，我们就可以使用v-for来完成。

• v-for的语法类似于JavaScript中的for循环。

• 格式：v-for = “item in items”

数组数据

情况1: 不需要使用索引值

• 格式：``v-for=" item in items "

• 依次从items 中取出item，并且在元素的内容中，我们可以使用Mustache语法(插值{{item}})，来使用item

• {{item}}

• 情况2我们需要拿到元素在数组中的索引值

  • 格式：v-for="(item, index) in items"

  • 其中的index就代表了取出的item在原数组的索引值。
• {{index+1}}.{{item}}

• ---

  对象数据

  我们都知道对象的属性是键值对的形式，即key->value

  数据

  info :{

  name:‘PJ’,

  age:20,

  height:1.83,

  weight:68.5,

  },

  一个参数时（value）
• {{item}}

• react和vue的比较

  相同
  1）vitual dom
  2）组件化
  3）props，单一数据流

  不同点
  1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
  2）状态管理（react）
  3）对象属性（vue）
  4）vue：view——medol之间双向绑定
  5）vue：组件之间的通信（props，callback，emit）

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

  

  解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

  [外链图片转存中…(img-ypQCiLEG-1715862803065)]

  [外链图片转存中…(img-hoUxDu40-1715862803066)]