Vue 中使用 const 定义数组的最佳实践

在 Vue.js 中，您可以使用 `const` 关键字来定义一个数组。以下是示例：

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

<script>
export default {
  data() {
    return {
      list: []
    };
  },
  mounted() {
    const list = [ // 使用 const 定义数组
      { id: 1, name: 'Item 1' },
      { id: 2, name: 'Item 2' },
      { id: 3, name: 'Item 3' }
    ];

    this.list = list; // 将数组赋值给 Vue 的 data 属性
  }
};
</script>

在上述示例中，我们使用 `const` 关键字定义了一个名为 `list` 的数组，并将它赋值给 Vue 实例的 `data` 属性中的 `list` 属性。这样，我们就可以在模板中使用 `list` 数组的内容。