為什麼vue列印的對象在瀏覽器中顯示...

1.現象

當在vue中列印對象的時候會發現有一些屬性或者全部屬性都是顯示的...,點擊展開後才能看到真正的值是什麼.

2.原因

因為在vue中對象都是用了代理重寫了get,由於get重寫也就導致了瀏覽器不能直接獲取到具體的值,因此才會在列印的時候為...,手動點擊展開才顯示具體的值

3.想看具體的值,不想手動點開怎麼辦

通過JSON.stringfy 序列化再用JSON.parse解析

  "proxy-zdz-log": {
    "prefix": "log",
    "body": ["console.log(JSON.parse(JSON.stringify($1))); // zdz-log", "$2"],
    "description": "zdz-log"
  },

對於vscode,可以直接配置一個代碼片段來進行快速輸入
如何設置


效果