Vue3响应式对象输出美化 !调试更直观

在vue3开发调试中，免不了要在控制台输出响应式对象。vue3中响应式对象其实是 JavaScript Proxy。在控制台显示的时候真实的值被层层包裹，让调试变得繁琐。其实 Vue Devtools 已经想到了，一步解决这个烦恼...

首先下载 Vue Devtools

• Vue Devtools 官网下载页。

• 按照下载页的引导下载以及安装。

• 谷歌浏览器为例:F12打开浏览器控制台。点击右上角设置按钮。Settings > Preferences > Console 打开 Enable custom formatters选项。

• 然后就能看到效果了

• 对比美化之前是不是更直观