如何访问函数内从组件生命周期方法混入的方法Vue.js

Question

下面是一个例子：

mixin.js

export default { 
    methods : { 
     aFunction() { // Some functionality here } 
    } 
} 

component.vue

import mixin from './mixin' 
export default { 
    mixins : [ mixin ] 
    created() { 
     // Call aFunction defined in the mixin here 
    } 
} 

我想通过组件内部的created（）生命周期方法访问mixin内部定义的aFunction。

Answer 1

的混入方法被合并与组件的当前实例，所以这纯粹是：

created(){ 
    this.aFunction() 
} 

下面是一个例子。

console.clear() 
 

 
const mixin = { 
 
    methods:{ 
 
    aFunction(){ 
 
     console.log("called aFunction") 
 
    } 
 
    } 
 
} 
 

 
new Vue({ 
 
    mixins:[mixin], 
 
    created(){ 
 
    this.aFunction() 
 
    } 
 
})

<script src="https://unpkg.com/vue@2.4.2"></script>