vue 在div标签中使用v-for指令渲染数据到页面上，数据内容可自定义。

在Vue.js中，`v-for`指令是一个非常强大的工具，用于迭代遍历数组或者其他可迭代对象（如Map或Set），并将每个元素动态地插入到HTML中。你可以在`<div>`标签或其他容器标签内使用它。下面是一个基础的例子：

<div id="app">
  <ul>
    <li v-for="item in items">{{ item.name }} - {{ item.value }}</li>
  </ul>
</div>

<script>
export default {
  data() {
    return {
      items: [
        { name: 'Item 1', value: 'Value 1' },
        { name: 'Item 2', value: 'Value 2' },
        { name: 'Item 3', value: 'Value 3' },
      ],
    };
  },
};
</script>

在这个例子中，`items`是一个包含对象的数组，`v-for`指令会遍历这个数组的每一个元素，对于每一项，都会生成一个新的`<li>`标签，其中`{{ item.name }}`和`{{ item.value }}`会被对应的`item`对象的`name`和`value`属性值替换，从而实现数据的动态展示。

如果你想要自定义迭代过程中的某些行为，比如过滤、排序或分组，可以配合`filter`, `sort`, 或者`key`选项使用。