How to pass data from Vue instance to component

Question

First I must say I have spent hours on this so if I have overlooked something stupidly simple then I do apologise.

I am trying to get one component to talk to anothe

Answer 1

It seems this is happening because your this is not pointing to correct scope in fetchModelsByMake method. scope of this will change inside a 'this.$http' call, so you just have to do something like following:

        fetchModelsByMake: function() {
            var self = this
            this.$http.get('/api/make/models/' + this.make ).then(
                function (models) {
                    self.models = models.body;

// console.log('MODEL', this.model); }, function (error) { // handle error } );

You can also have a look at my similar answer here.