vue--vConsole

平時在web應用開發過程當中,咱們能夠console.log去輸出一些信息,可是在移動端,也就是在手機上,console.log的信息咱們是看不到的。web

這種狀況下,能夠選擇使用alert彈出一些信息,可是這種方法不怎麼方便,也會阻斷JS線程,致使後面的線程都不執行。也影響調試體驗。json

那麼,若是將console.log應用到移動端呢?
須要藉助第三方插件:vConsolespa

使用方法:插件

<script src="path/to/vconsole.min.js"></script>
<script>
console.log("test")
</script>

在Vue-JS項目中使用:
1.package.json安裝vconsole包(能夠放在devDependencies中)線程

2.main.js中引入:代理

// 由於vConsole並不須要調用,
// 因此前面加「eslint-disable no-unused-vars」規避掉eslint語法檢查

/* eslint-disable no-unused-vars */
import vConsole from 'vconsole'

3.此時能夠使用console.log
原理:改寫了console.log,重寫了實現,用vConsole代理eslint


原文連接:https://www.jianshu.com/p/f79d223ca616

調試

本站公眾號
   歡迎關注本站公眾號,獲取更多信息