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

首先下载 Vue Devtools

• Vue Devtools 官网下载页。
• 按照下载页的引导下载以及安装。
• 谷歌浏览器为例:F12打开浏览器控制台。点击右上角设置按钮。Settings > Preferences > Console 打开 Enable custom formatters选项。
  
• 然后就能看到效果了
  
• 对比美化之前是不是更直观