如何利用Chrome Console Utilities API在Vue组件内函数上设置断点？

方法一：通过Vue DevTools获取组件实例（通用所有Vue版本） #

• 先安装Vue DevTools扩展，打开Chrome DevTools的Vue面板
• 在组件树里找到目标组件，右键选择「Copy component instance」
• 切回Console面板，粘贴复制的内容（通常是$vm0这类变量），执行：debug($vm0.aFunction)

方法二：临时把函数挂到全局（快速调试用） #

在组件代码里加一行临时代码，将函数暴露给window对象：

export default {
  methods: {
    aFunction() {
      // 你的函数逻辑
    }
  },
  mounted() {
    // 调试完成后记得删除这行！
    window.aFunction = this.aFunction;
  }
}

之后直接在Console里输入debug(aFunction)即可。

方法三：Vue 3组合式API专属（