vuejs

Working with real data 100
1
2
3 Let's hear some stories!
4
5
6
7
8 {{ $data | json }}
9
10
11
12
13 {{ story.writer }} said "{{ story.plot }}"
14 {{story.upvotes}}
15
16
1
2
3
4 Vue.component('story', {
5 template: "#template-story-raw",
6 props: ['story'],
7 });
8
9 var vm = new Vue({
10 el: '#app',
11 data: {
12 stories: []
13 },
14 ready : function(){
15 $.get('/api/stories', function(data){
16 vm.stories = data;
17 })
18 }
19 })
20
We start by pulling in the jQuery from the cdnjs³. Then use the ready function and inside it,
perform the GET request. After the request is successfully finished we set the response data (inside
the callback) to stories array.
³https://cdnjs.com/libraries/jquery/