Vue 中使用 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 myList = [
      { id: 1, name: 'Item 1' },
      { id: 2, name: 'Item 2' },
      { id: 3, name: 'Item 3' }
    ];
    this.list = myList;
  }
};
</script>
<p>在上面的例子中，我们在组件的 data 选项中定义了一个空的数组 list。然后，在 mounted 生命周期钩子函数中，我们使用 const 定义了一个名为 myList 的常量数组，并将其赋值给组件的 list 数组。这样，我们就可以在组件的模板中使用 list 数组了。</p>