Question

我在使用 vuejs 时遇到错误

2017-10-26

553

javascript vue.js vuejs2 vue-component vue-router

我正在使用 vuejs 2 构建一个新应用程序并收到该错误

./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/Customers.vue 中出现错误模块构建失败：SyntaxError：C:/Users/Men'm Elkatan/projects/vuecustomers/src/components/Customers.vue：这是一个保留字 (17:6)

我以前使用过“this”，但除了今天之外没有收到该错误。这是我的代码

<script>
export default {
  name: 'customers',
  data () {
    return {
      customers: []
    }
  },
  methods: {
    fetchCustomers({
      this.$http.get('http://slimapp/api/customers')
        .then(function(response) {
          this.customers = JSON.parse(response.body);
        });
    })
  },
  created: function(){
    this.fetchCustomers();
  }
}
</script>

请帮忙！

Answer 1

您的语法错误。它必须是 fetchCustomers() { ... } :

<script>
export default {
  name: 'customers',
  data () {
    return {
      customers: []
    }
  },
  methods: {
    fetchCustomers() {
      this.$http.get('http://slimapp/api/customers')
        .then(function(response) {
          this.customers = JSON.parse(response.body);
        });
    }
  },
  created: function(){
    this.fetchCustomers();
  }
}
</script>