TypeScript 中使用 watch 获取 newValue 的方法

在 TypeScript 中使用 watch 函数监听数组 photoInfoArr 的变化，并获取 newValue 的方式与 JavaScript 中相同，可以直接在回调函数中使用参数 newValue。

示例代码：

watch(photoInfoArr, (newValue, oldValue) => {
  console.log('photoInfoArr发生了改变!!!', newValue, oldValue);
}, {
  immediate: true,
  deep: true
})

// 在其他函数中获取 photoInfoArr 值
console.log(photoInfoArr) // 输出最新的 photoInfoArr 值

如果想要在 TypeScript 类型检查中使用 newValue，需要根据 photoInfoArr 的类型进行类型声明。

示例代码：

interface PhotoInfo {
  id: number;
  name: string;
  url: string;
}

const photoInfoArr: Ref<PhotoInfo[]> = ref([
  { id: 1, name: 'photo1', url: 'https://example.com/photo1.jpg' },
  { id: 2, name: 'photo2', url: 'https://example.com/photo2.jpg' }
])

watch(photoInfoArr, (newValue: PhotoInfo[], oldValue: PhotoInfo[]) => {
  console.log('photoInfoArr发生了改变!!!', newValue, oldValue);
}, {
  immediate: true,
  deep: true
})

// 在其他函数中获取 photoInfoArr 值
console.log(photoInfoArr.value) // 输出最新的 photoInfoArr 值