如何訪問函數內從組件生命週期方法混入的方法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>