Vue组件中怎么拿到data中的数组对象并显示到页面

可以使用v-for指令将data中的数组对象循环遍历并显示到页面上。例如：

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item.id">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Apple' },
        { id: 2, name: 'Banana' },
        { id: 3, name: 'Orange' }
      ]
    }
  }
}
</script>

在上面的例子中，通过v-for指令遍历items数组对象，将每个item的name属性显示到页面上。由于数组中每个对象都有唯一的id属性，所以将id属性用作每个li标签的key值。