由于明天要交货继续整合 Vuejs-Logger (上一篇)
关于
为 Vue 提供了可自定义的日志功能. 避免在代码里各种 console.dir / console.log …
ref: https://www.npmjs.com/package/vuejs-logger
安装
npm install --save vuejs-logger
配置插件, 在 nuxt.config.js 中引入插件,
然后在 @/plugins/vuejs-logger 中把 VueLogger 挂到 Vue 实例上:
import Vue from 'vue'
import VueLogger from 'vuejs-logger'
Vue.use(VueLogger, {
logLevel: 'debug',
separator: '|',
isEnabled: true,
stringifyArguments: false,
showLogLevel: true,
showMethodName: true,
showConsoleColors: true
})
Vue.$log.debug('Plugin:', 'VueLogger init ...')
有关配置项说明请参考: https://www.npmjs.com/package/vuejs-logger#usage
使用方式
在 pages 或是 components 中, this.$log.{log-level}({msg}).
在文件中, 先引入 Vue 实例 (import Vue from ‘vue’), Vue.$log.{log-level}({msg})