vue中如何监听数组selectionList

在 Vue 中，可以通过 `$watch` 方法来监听数组的变化。为了监听 `selectionList` 数组的变化，可以在组件的 `created` 钩子函数中使用 `$watch` 方法：

created() {
  this.$watch('selectionList', (newVal, oldVal) => {
    // 当 selectionList 数组发生变化时，会执行此回调函数
    console.log('selectionList 变化了：', newVal, oldVal)
  })
}

在这个回调函数中，你可以根据 `newVal` 和 `oldVal` 参数执行相应的操作。如果你只想监听 `selectionList` 数组的某个索引值的变化，可以将 `$watch` 的第一个参数改为对应的索引值，例如：

created() {
  this.$watch('selectionList[0]', (newVal, oldVal) => {
    // 当 selectionList 数组中的第一个元素发生变化时，会执行此回调函数
    console.log('selectionList[0] 变化了：', newVal, oldVal)
  })
}

需要注意的是，如果你需要监听数组的变化，需要将 `deep` 参数设置为 `true`，例如：

created() {
  this.$watch('selectionList', (newVal, oldVal) => {
    // 当 selectionList 数组发生变化时，会执行此回调函数
    console.log('selectionList 变化了：', newVal, oldVal)
  }, { deep: true })
}

这样才能确保监听到数组中元素的变化。