小編給大家分享一下怎樣重置vue打印變量的顯示方式，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

在利川等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計制作、成都做網(wǎng)站 網(wǎng)站設(shè)計制作定制網(wǎng)站設(shè)計,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,成都全網(wǎng)營銷,成都外貿(mào)網(wǎng)站制作,利川網(wǎng)站建設(shè)費(fèi)用合理。

前言

我們在日常開發(fā)中，經(jīng)常會碰到vue使用console.log()打印變量，會有多余我們不期望看到的屬性

而且展開方式不友好

所以我們可以來重置一個打印方式，下面話不多說了，來一起看看詳細(xì)的介紹吧。

方法如下：

在main.js文件中添加一下代碼

Vue.prototype.print = (obj,type) => {
 type = type || "log";
 const log = JSON.parse(JSON.stringify(obj));
 console[type](log)
}

以后我們打印變量就可以直接使用

this.print(obj)
//或者
this.print(obj,"error")

這樣打印出來的信息就是以我們熟悉的方式打印了

以上是“怎樣重置vue打印變量的顯示方式”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！