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

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

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>

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

How to access function inside methods of mixin from component lifecycle method in Vue.js

javascript

mixins

ecmascript-6

vue.js

vuejs2