Vue 3 数组 length 为 0 的响应式更新

在 Vue 3 中，对数组的 'length' 属性的修改会触发响应式更新。当数组的 'length' 变为 0 时，数组本身会被替换为一个新的空数组，从而触发响应式更新。例如：

import { reactive } from 'vue'

const state = reactive({
  list: ['a', 'b', 'c']
})

console.log(state.list.length) // 3

state.list.length = 0

console.log(state.list.length) // 0

在上面的代码中，将 state.list 的 'length' 属性设置为 0 会触发响应式更新，将 state.list 替换为一个空数组。