前端开发中如何定位bug

身为前端人员，在开发当中我们时常会发现一些奇奇怪怪的bug，有兴趣可以一起来看看你也是否遇到过这些问题。

背景

1.运行vue项目，一些页面操作没有反应；

2.换头像怎么，重新登录的时候，有时变化有时没变化，明明已经存在存在本地了；

3.明明已经改变了vuex的值，页面的值没有变化。

定位

问题1： 首先我们要熟悉vue的一个大概流程， 运行vue项目， 但是一些页面操作没有反应，说明什么， 说明我们要打开调试工具，看看console有没有报错，不用看肯定有报错信息， 这个报错信息很重要。一般一眼就看出是什么问题， 比如：

什么意思呢？ 如果学过英语的就会知道， 你没有注册这个模块！

注册都没注册，还想要用它的功能！

问题2：首先我们看看console有没有报错，这次没有， 然后打印一下头像的变量， 哟好家伙！，居然是空的，在看看本地localStorage,纳尼！居然有值， 我一想就知道是异步的问题, 然后设置个定时器， 果然有值了，o(￣︶￣)o，但是我不太喜欢用定时器，就改成监听属性。