vue3侦听一个ref对象数组当使用push改变变量值时侦听失效

现象：原本监听了ref对象数组list，当list.value = temp; 改变list值时监听有效，

但 list.value.push(item); 改变list值时监听失效了。而我需要每次改变list值时做一些处理。

原因：未使用深层侦听。

解决办法：watch使用深层侦听,加 { deep: true }。

例：

const list = ref([]);

---------改变list---------
list.value.push({id: '9', name: 'is'});
-------------------------
  
watch(list, (newVal) => {
  console.log('list发生了改变');
}, { deep: true })