Vue 中使用 const 定义数组的正确方法

<script>
export default {
  data() {
    return {
      list: [] // 使用 const 定义数组时，需要在 data 函数外定义
    }
  }
}
</script>
<p>在 Vue 中，可以使用 <code>const</code> 关键字来定义一个数组，但是不能直接在 <code>data</code> 函数中使用 <code>const</code> 定义数组。这是因为 <code>data</code> 函数返回的对象是 Vue 实例的响应式数据源，而 <code>const</code> 定义的变量是不可修改的，这会导致 Vue 实例无法追踪数据变化，从而无法进行数据绑定。</p>
<p>为了使用 <code>const</code> 定义数组，需要在 <code>data</code> 函数外定义数组，并在 <code>data</code> 函数中返回该数组的引用。例如，在上面的代码中，我们在 <code>data</code> 函数外定义了一个名为 <code>list</code> 的空数组，并在 <code>data</code> 函数中返回了该数组的引用。这样，Vue 实例就可以追踪 <code>list</code> 数组的变化，并进行数据绑定。</p>
<p><strong>注意：</strong> 在 Vue 中，建议使用 <code>const</code> 来定义数组，因为它可以防止意外修改数组，从而提高代码的健壮性。</p>