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

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用？: 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。

提示下载完但解压或打开不了？: 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug，建议用百度网盘软件或迅雷下载。若排除这种情况，可在对应资源底部留言，或联络我们.。

找不到素材资源介绍文章里的示例图片？: 对于PPT，KEY，Mockups，APP，网页模版等类型的素材，文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买，且本站不负责(也没有办法)找到出处。同样地一些字体文件也是这种情况，但部分素材会在素材包内有一份字体下载链接清单。