chrome调试工具console.log()如何设置成不显示无效信息？

Question

如图：
chrome调试工具console.log()如何设置成不显示无效信息？
这些什么情况下有用？

Answer 1

你所谓的无效信息只是因为你不关注它而已，不代表它无效/没用。从你的第二问可以猜测你应该是不了解vue的响应式原理。建议你去了解下，知其然知其所以然。这里我就简单赘述下——vue2通过Object.defineProperty来拦截对象的get/set操作，也就是对象属性的访问和赋值，所以在你this.xxx = xxx的时候vue就能知道你操作了什么属性，然后去更新视图，图里所展示的get title等等就是这么来的，而__ob__也是vue源码里加上去的，具体就不再展开了，有兴趣就去读读源码或者找些文章看看，总之这些属性对于日常开发来说是没什么用，但vue需要，看的时候忽略就是了，实在嫌碍眼可以拷贝一份打印JSON.parse(JSON.stringify(xxx))

Answer 2

其实这些属性是很关键的。

在Vue2中经常会出现变更数据后视图没有更新，这个时候就需要看变量下是否有 __ob__ 来判断是否被监听。

其他的属性也是类似的，比如说面向对象开发时，Prototype 就是一个经常会用到的东西。