I have an error with vuejs

Question

I am building a new app with vuejs 2 and got that error

ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/Customers.vue Module build failed: SyntaxError: C:/Users/Men'm Elkatan/projects/vuecustomers/src/components/Customers.vue: this is a reserved word (17:6)

I used "this" before but didn't get that error expect today. Here's my code

<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>

Please!! help

Daniel Diekmeier · Accepted Answer · 2017-10-26 12:55:17Z

1

Your syntax was wrong. It has to be 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>

answered Oct 26, 2017 at 12:55

Daniel Diekmeier

3,46420 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

men3m Over a year ago

OHH !! Thanks a lot, I didn't care for that.

Collectives™ on Stack Overflow

I have an error with vuejs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related