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);
当然你也可以直接使用页面引用,直接import logs.js 也是没问题的,这个看你自己使用情况,我个人建议是如果使用不多的话,直接页面引用,实在很多的时候再全局引用。上面的代码就不做过多的解释了,参数最上面的解释有说明,install这个说明一下,这个是vue默认的公开的方法,可以自行百度一下,这里不做过多的解释。
页面使用
that.write_log('订单号', '可能是手机号没有录到系统中', '未查询到' + that.clavier + '的相关信息', '查询失败')
md说明文档
写md文档很多人都知道怎么写,但是很多时候我们需要生成一个文档的总体的目录,下面我简单的说一下怎么生成的,。当作一个小工具使用:
安装:
sudo npm install -g i5ting_toc //mac下分盘了是这个
npm install -g i5ting_toc //win All 或者max下直接是home目录是这个命令
生成目录文件:
i5ting_toc -f Version_1.md -o
这里需要注意一点,使用这个命令的时候需要是在你的md文档的当前目录下面使用,看下图:
如果生成一个类似这样的目录的话,就ok了。
打开以后就是这样:
到这里基本可以了,这个月基本没有更新文章,着实太忙,实在抽不出来时间好好写篇文章,见谅,喜欢的可以关注一下。感谢🙏