vue.js - [Vue 警告]：创建钩子时出错：“TypeError：$ 不是函数”

Question

我正在创建一个简单的 Vue Laravel CRUD

所以在我的组件脚本中我有

export default {

  data: function() {
    return {
        items: []
    }
  },

  method: {
    getList() {
        axios.get('api/items')
        .then( response => {
            this.items = response.data
        })
        .catch(error => {
            console.log(error)
        })
    }
  },

  created() {
    this.getList();
  }

}

我创建了一个方法getList()来获取我想在create()中调用的数据。但是 Vue 一直提示错误，我的getList() is not a function。

app.js:21339 [Vue 警告]：创建钩子时出错：“TypeError：this.getList 不是函数”

然后我尝试将我的请求直接放在create()中而不调用我的方法，它工作得很好，我能够获取数据。

我还在学习，我会很感激任何帮助:)

标签： vue.js

Answer 1

你有一个错字 -method应该是methods。