在Vue中，我们可以使用v-for指令循环输出数据，如下：

<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数组中的每一个元素，并通过:key属性指定了每个元素的id作为唯一标识。

除了循环输出数据，我们还可以使用{{ }}语法将数据绑定到页面上，如下：

<template>
  <div>
    <p>My name is {{ name }}.</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: 'John'
    }
  }
}
</script>

在上面的代码中，我们将data中的name属性绑定到了页面上，通过{{ }}语法实现了数据的显示。

总之，在Vue中，我们可以通过v-for指令和{{ }}语法将数据输出到页面上，实现了页面数据的显示。这使得我们可以更方便地开发动态的、响应式的网页应用程序。