[Vue3] Ref类型数据控制台打印优化

575 阅读1分钟

最近在看「Vuejs 设计与实现」,里面提到了Vue官方为了提升开发体验,在dev模式下注册了浏览器控制台的自定义格式化函数,优化了Ref类型数据的打印显示。 custom formatter for Chrome www.mattzeunert.com/2016/02/19/…

一、开启浏览器DevTools的Enable custom formatters配置

以Chrome浏览器为例:

打开配置页面

image.png

勾选配置项

image.png

二、开启前后效果对比

开启前

image.png

开启后

image.png

感兴趣的同学可以查看Vuejs源码的initCustomFormatter函数了解具体实现。