vuejs

Working with real data 99
To do so , we’ll perform a HTTP GET request using jQuery at first. Later on this chapter, we will
migrate to vue-resource¹ to see the differences between the two of them.
To make the AJAX call we are going to use $.get(), a jQuery function that loads data from the
server using a HTTP GET request. Full documentation for $.get() can be found here².
Info
vue-resource is a plugin for Vue.js that provides services for making web requests and
handle responses.
The $.get() method’s syntax is
1 $.get(
2 url,
3 success
4 );
which is actually a shorthand for
1 $.ajax({
2 url: url,
3 success: success
4 });
So what we do now? We want to get the stories from the server using $.get('/api/stories')
passing the appropriate URL and put the response data we get, inside the stories array.
There is a common catch here, we have to make the call after the documented has finished
rendering. Fortunately, there is a helper function called ready in Vue.js (similar to $( document
).ready()) which triggers once the page Document Object Model (DOM) is ready.
Lets see this in action.
¹https://github.com/vuejs/vue-resource
²https://api.jquery.com/jquery.get/