# Vue 列表渲染详解

v-for 基本用法

v-for 是 Vue 中用于基于数组渲染列表的核心指令，它的基本语法是 item in items，其中：

• items 是源数据数组（响应式数据）
• item 是当前迭代项的别名，用于在模板中访问当前项的数据

示例代码：

// 定义响应式数组
const items = ref([{ message: 'Foo' }