混入mixin

mixin:

选项接收一个混入对象的数组。这些混入对象可以像正常的实例对象一样包含实例选项，这些选项将会被合并到最终的选项中，使用的是和 Vue.extend() 一样的选项合并逻辑。也就是说，如果你的混入包含一个 created 钩子，而创建组件本身也有一个，那么两个函数都会被调用。

适用场景：主要用于需要对多个组件中相同的方法或数据的抽离

步骤：

第一步：创建mixins JS文件

//import { getUserList} ‘@/http/’

var GetUserDataMixIn = {
data() {
return {msg:‘hello 1909A’}
},
created: function() {
this.getData();
},
methods: {
getData: function() {
console.log(“调用后台用户数据的方法”);
}
}
};

export default GetUserDataMixIn;

第二步：在需要的组件中混入相关mixin文件

import GetUserDataMixIn from ‘@/mixins/getData’
export default {
…
mixins:[GetUserDataMixIn],
data() {}

}