Nuxtjs 3 - vuejs-logger

由于明天要交货继续整合 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})