个人技术分享

在 Vue 中，watch 选项默认只能监听对象的属性变化，无法直接监听数组的变化

监听数组变化

一般情况下我们监听数组变化，可以监听长度的变化

watch(() => list.value.length, (now, old) => {
    // 会在数组长度变化时触发
})

上面的写法不能做到监听某一项的变化

深度监听

给定第三个参数

watch(() => list.value, (now, old) => {
    // 此时会在数组每一项内容发生变化时产生变化
}, { deep: true })