这次的记录适用于vue-cli 3.0+构建的Vue项目。

一、建立文件

首先,该文件可以存在于任意位置,我选择的是Src的根目录下,建立了一个function文件夹来存放index.js文件。

该文件就是存放全局函数的文件。

二、引入index.js

1.写入位置:main.js

2.代码

import base from './function'
Vue.use(base);

三、index.js里面的代码

这是index.js里面所有的代码,你只需要如下新建函数即可:vue.prototype.函数名=function(参数1,参数2){}

export default {
    install(Vue)  {
		Vue.prototype.changeCatelogData = function (params){
		    let self = this;
			this.axios.get('/cate/selPageList',{
				params: params
			})
			.then((res)=>{
				if(res.data.code==200){
					let data = res.data.data.data;
					let type = require('../assets/json/default.json').data_type;
					for(let i = 0; i<data.length;i++){
		    			for(let x in type){
		    				if(data[i].type == type[x].type){
		    					data[i].typeName = type[x].name;
		    					break;
		    				}
		    			}
		    		}
					this.$store.state.catePage.data = data;
					// 页面总量  =>  vuex
					let datax = {
						path:self.$route.path,
						total:res.data.data.total
					}
					this.$store.commit("totalChange",datax);

					// this.$store.state.catePage.total = res.data.data.total;
				}
			});
	  	};
    }
}