Vue.js 代码示例：循环渲染个人信息列表

代码没有语法错误，但是缺少组件的定义和数据的绑定。需要在组件中定义 'personalList' 数组，并在 'data' 中绑定数据。同时，也需要在页面中引入组件。

示例代码:

<template>
  <div>
    <view class='personal-list' v-for='(personalItem, personalIndex) in personalList' :key='personalIndex'>
      <view class='personal-box' :style='{ backgroundColor: 'black', width: '200rpx', height: '200rpx' }'>
        {{ personalIndex }}
      </view>
    </view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      personalList: [
        // 个人信息数组
      ]
    }
  }
}
</script>

<style>
.personal-list {
  // 列表样式
}

.personal-box {
  // 每个个人信息项的样式
}
</style>

解释:

• personalList 数组: 用于存储个人信息数据。
• v-for 指令: 用于循环渲染 personalList 数组中的每个元素。
• personalIndex: 用于获取当前元素的索引。
• :key 属性: 用于优化列表渲染性能。
• :style 属性: 用于动态设置每个个人信息项的样式。