vue实现全局函数以及生成md文档目录和html文件

文章目录

• • • • vue实现全局函数以及生成md文档目录和html文件
      • vue中写全局函数
      • 新建一个log.js文件
      • main.js中引用
      • 页面使用
      • md说明文档

vue实现全局函数以及生成md文档目录和html文件

vue中写全局函数

• 业务介绍：在前面的文章中我们介绍过如果在vue项目中创建一个全局的变量，以便于我们处理一些公共的参数，作出相应的改变与取值，喜欢的可以看一下：vuex的使用，那么其实我们在写项目的过程中不仅仅是只有变量是需要改变和设置全局的，很多的时候我们需要的是一个全局的函数进行做一个业务的处理，比如我今天的例子，错误日志的记录，提示信息的使用，今天就简单的说一下在vue中怎么使用这个全局函数，我们使用日志作为例子：

新建一个log.js文件

• 新建一个logs.js，尽量和main.js同级，这样引用比较方便

/**
 * 全局函数   用来处理错误日志文件
 * @function install 默认的公开的方法
 * @param {*} Vue  构造器
 * @param order_no 错误的订单号，可以没有，因为此时可能还没有获取到订单号
 * @param source   错误源
 * @param msg  错误信息
 * @param type     错误类型
 */
export default function install(Vue) {
    Vue.prototype.write_log = function (order_no, source, msg, type) {
        let data = {
            source: source,
            msg: msg,
            type: type
        }
        this.$axios({
            method: 'post',
            url: this.api.api_machine_setting + 'manager_front/write_to_log/',
            data: {
                order_no: order_no ? order_no : 'CBispider123456',
                data
            }
        }).then((res) => {
            console.info(res)
        }).catch((err) => {
            console.info(err)
        })
    };
}

main.js中引用

import logs from './logs'
Vue.use(logs);

页面使用

that.write_log('订单号', '可能是手机号没有录到系统中', '未查询到' + that.clavier + '的相关信息', '查询失败')

md说明文档

sudo npm install -g i5ting_toc   //mac下分盘了是这个
npm install -g i5ting_toc    //win All 或者max下直接是home目录是这个命令

生成目录文件：

i5ting_toc -f Version_1.md -o