如何排错

一、进入相关页面 1.如何进入相关页面

• 1.看路由url
• 2.看页面的关键字，然后去代码里搜索
• 3.vue-dev-tools
• 4.chrome网络：先清除所有监听的网络请求，然后重新进入页面，通过点击新出现的接口的启动器，观察是那个页面

  二、理清页面逻辑 1.代码的执行流程

• 1.一般来说，vue里流程都是watch（包含imediate）、然后created、然后mounted。。。
• 2.打断点，看函数调用栈，及单步调试；
• 3.consolelog走天下；
• 4.用纸一步一步记录下来，免得忘；

  2.代码每一行的意义

• 1.自己理解
• 2.问同事

  三、写出解决逻辑 在纸上写出解决问题的模型，然后编码；                         6.浏览器debuuger调试 debugger调试，不用添加到监视，可以把鼠标放上去，就有数据 或者在左侧“监视中”通过this.$parent.page.size 的方式，来监视父组件的数据是否有变化； 然后可以在“跳转到下一个断点"和“跳过函数”、”进入函数（单步调试）“中选择如何执行代码； 7.vscode的debugger调试 https://juejin.cn/post/7071219293249077256   8.看url定位 现在都是前端路由时代，定位为题直接看url时候发生变化，找到那个可以变化到它的url。然后根据vue-router来判断是跳转到那个组件； 如果不变化，可能是dialog这样，那就不是组件页面了，可以使用方法一寻找；                           如何解决问题？ 将需要花一个树状图解决； 用纸和笔，安安静静写下自己的思路，安安静静花一个树状图，判断所有的情况；