vue.mixin()公共方法的混入

vue.mixin()公共方法

官网介绍:https://cn.vuejs.org/v2/guide/mixins.html
在vue项目中使用vue.mixin()

//新建一个js文件,里边主要用来放一些公共的方法
export const InitMinxin = (vue) => {
	vue.mixin({
		methods:{
		//比如说我要写一个公共的axios请求数据的方法
			commonHttp(url,data=[]){
				return new Promise(function (resolve, reject){
					axios.get(url, { params: data }).then((res) => {
                        resolve(res.data)
                    }).catch((err) => {
                        reject(err.data)
                    })
				})
			}
		}
	})
}

然后我们需要在main.js中引入这个js文件

//main.js
import {InitMinxin} from ''//引入文件路径
InitMinxin(Vue)

然后我们在.vue文件里就可以直接**this.commonHttp()**括号中传入对应的参数使用了

你可能感兴趣的:(vue,前端框架)