javascript - 如何从 Vue.js 中的组件生命周期方法访问 mixin 方法内部的函数

Question

这是一个例子:

混入.js

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

组件.vue

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

我想从组件内部的 created() 生命周期方法访问在 mixin 方法内部定义的 aFunction。

Answer 1

mixin 方法与组件的当前实例合并，所以它只是:

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>