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() {}
}