vue mixins的使用

新建mixins文件夹，并在mixins目录下创建一个common.js文件，代码如下：

import { getList } form "@/api/xxxx";
export default{
	data(){
		return {
			text:"111"
		}
	},
	methods:{
		// 方法一:普通方法，返回
		getText() {
			console.log(this.text)
		},
		// 方法二：调用接口，适用于通用接口调用，结合async await优化
		async getData(params) {
			// 
			let res = await getList(params);
		}
	}
}

在需要的页面中引入：

<template>
    <div>{{msg}}</div>
</template>
<script>
import mixin from '../mixins/common'
export default {
    mixins: [mixin],
    mounted() {
        this.getText()
    }
}
</script>

全局引入

import mixin from './mixins/common'
Vue.mixin(mixin)

// 使用
this.getText()