import Vue from 'vue';
// 獲取當(dāng)前的環(huán)境
const CURRENTENV = process.env.NODE_ENV;
// 對(duì)象轉(zhuǎn)換為數(shù)組
function convertToArray(nodes) {
          let arr = null;
          //兼容ie
          try {
                    arr = Array.prototype.slice.call(nodes, 0);
                    //因?yàn)?slice是 array類的方法
                    //而傳進(jìn)來(lái)的參數(shù)是一個(gè) DOM對(duì)象的數(shù)組
                    //所以通過(guò)call 方法把 array類的方法放到這個(gè)對(duì)象里面執(zhí)行
                    //call 的第二個(gè)參數(shù)是表示向被調(diào)用的方法傳進(jìn)參數(shù)
                    //這里的0 表示從index為0的地方開(kāi)始
          } catch (ex) {
                    // 出現(xiàn)異常就用最常見(jiàn)的方法處理
                    arr = new Array();
                    for (let i = 0; i < nodes.length; i++) {
                              arr.push(nodes[i]);
                    }
          }
          return arr;
}
/**
 * 通用日志打印
 * @param {要打印的日志內(nèi)容} args 
 * @param {日志標(biāo)識(shí),默認(rèn)為log,warn,error,dir} logTag 
 */
function commLog(args,logTag = 'log'){
          if(CURRENTENV !== 'development') return
          switch(logTag){
                    case 'log':console.log(...convertToArray(args));break;
                    case 'warn':console.warn(...convertToArray(args));break;
                    case 'error':console.error(...convertToArray(args));break;
                    case 'dir':console.dir(...convertToArray(args));break;
          }
}
Vue.use({
          install: (Vue) => {
                    // 特別注意:此處不能用箭頭函數(shù),否則函數(shù)內(nèi)部arguments的作用域就變了
                    // 普通日志
                    Vue.prototype.$log = function() {
                              commLog(arguments);
                    };
                    // 警告日志
                    Vue.prototype.$warn= function () {
                              commLog(arguments,'warn');
                    }
                    // 錯(cuò)誤日志
                    Vue.prototype.$error = function() {
                              commLog(arguments,'error');
                    }
                    // 打印對(duì)象
                    Vue.prototype.$dir = function() {
                              commLog(arguments,'dir');
                    }
          }
})
// 導(dǎo)出第二種使用方式
export default  {
          log:function(){
                    commLog(arguments);  
          },
          warn:function(){
                    commLog(arguments,'warn');  
          },
          error:function(){
                    commLog(arguments,'error');  
          },
          dir:function(){
                    commLog(arguments,'dir');  
          }
}

import './log'

this.$log() // 參數(shù)同console.log()
this.$warn()
this.$error()
this.$dir()

import LOG from '../log'

LOG.log()   // 同console.log()
LOG.warn()
LOG.error()
LOG.dir()

npm install vue-print-nb --save

import Print from 'vue-print-nb'
Vue.use(Print);?

<div id="printInfo">打印的內(nèi)容</div
<el-button size="small" type="primary" v-print="printInfoObj">打印</el-button> ? ??
printInfoObj:{
?? ??? ?id:"printInfo",
?? ??? ?popTitle:"個(gè)人檔案",
},

<div id="printInfo">打印的內(nèi)容</div
<button v-print="'#printMer'">打印</button>