為什麼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,可以直接配置一個程式碼片段來進行快速輸入
如何設定


效果