Vue.js：如何从另一个导出的常量调用方法

Question

I am exporting set of constants and using it as mixin. I am not sure how to call methods from different exported constant?

mixins.js

export const exConstOne = {
  methods: {
    fnOne () {
      console.log('exConstOne > fnOne got fired')
    }
  }
}

export const exConstTwo = {
  methods: {
    fnTwo () {
      exConstOne.fnOne()
    }
  },
  mounted () {
    this.fnTwo()
  }
}

MyComponent.vue

<script>
  import { exConstTwo } from './mixins'

  export default {
    name: 'MyComponent',
    mixins: [exConstTwo],
  }
</script>

Answer 1

You forgot the "methods" in your function call.

If you change your code for the following it will work

mixin.js

export const exConstOne = {
  methods: {
    fnOne () {
      console.log('exConstOne > fnOne got fired')
    }
  }
}

export const exConstTwo = {
  methods: {
    fnTwo () {
      exConstOne.methods.fnOne()
    }
  },
  mounted () {
    this.fnTwo()
  }
}

Note : The issue is not really Vue related. It's just a javascript mistake.