Vue.js:如何从另一个导出的 content 调用方法

Question

>我正在导出一组常量并将其用作mixin。我不确定如何从不同的导出常量调用方法？

混音.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

您忘记了函数调用中的"方法"。

如果您更改以下内容的代码，它将起作用

混合.js

export const exConstOne = {
  methods: {
    fnOne () {
      console.log('exConstOne > fnOne got fired')
    }
  }
}
export const exConstTwo = {
  methods: {
    fnTwo () {
      exConstOne.methods.fnOne()
    }
  },
  mounted () {
    this.fnTwo()
  }
}

注意：这个问题与 Vue 无关。这只是一个JavaScript错误。