Debug 相關

debugger; // 中斷點

deep: true

在 Vue.js 中，deep: true 是一个选项，用于监听对象或数组的变化。当你在 watch 选项中监听一个对象或数组时，如果希望深入观察其内部属性的变化，就需要设置 deep: true。

例如：

watch: {
  myObject: {
    handler(newVal, oldVal) {
      console.log('对象发生变化:', newVal);
    },
    deep: true,
  },
}

在这个例子中，即使 myObject 内部的某个属性发生变化，监听器也会被触发。这对于需要跟踪复杂数据结构时非常有用。

不过，使用 deep: true 会增加性能开销，因为 Vue 需要递归地检查对象的每一个层级，所以在使用时要谨慎。如果可以，尽量只监听具体的属性变化。