javascript - 如何在另一个 mixins 函数中使用 mixins 函数？

Question

如何在 vue mixins 中组合两个函数？

Vue.mixin({
    methods: {
      functionOne: () => {
        console.log(1)
      }
      functionTwo: () => {
        this.functionOne()
      }
    },
    mounted () {
      this.functionTwo()
    }
})

//预期:控制台1

//实际:控制台无法读取未定义的属性“functionOne”

Answer 1

如果您将 ES6 箭头函数与 Vue 方法一起使用，它会更改 this 的上下文。如果你这样表述:

Vue.mixin({
  methods: {
    functionOne () {
      console.log(1)
    },
    functionTwo: function () {
      this.functionOne()
    }
  },
  mounted () {
    this.functionTwo()
  }
})

它工作得很好。

(functionOne () 和 functionTwo: function () 语法都是有效的，这就是它们都出现在示例中的原因。)