Vue：函数未在create hook中定义

Question

我无法在create hook中调用函数。我总是得到错误'loadEmployees is not defined'。为什么这不起作用？

export default {
components: {
    AppointmentSlot
},
data: function() {
    return {
        employees: [],
        appointmentData : {
            date: Number,
            employee: String,
            slotSize: Number
        }
    }
},
methods: {
    onRequestSlots() {
        console.log(this.appointmentData.date);
    },
    loadEmployees: function() {
        console.log('loading...')
    }
},
created() {
    console.log('asd');
    loadEmployees();
}
}

当我按下按钮时调用该功能，而不是在createit工程...

我正在使用Nuxt.js.这与错误有关吗？

Answer 1

应该用loadEmployees调用this：

this.loadEmployees()

new Vue({
  created() {
    this.loadEmployees();
  },
  methods: {
    loadEmployees() {
      console.log('loading employees...');
    }
  }
})

<script src="https://unpkg.com/[email protected]"></script>