vuejs

Components 74
43 plot: 'The dark side of the Force is stronger.',
44 writer: 'Darth Vader',
45 },
46 {
47 plot: 'One does not simply walk into Mordor',
48 writer: 'Boromir',
49 },
50 ]
51 }
52 })
53
54
The next step is to give the user a way to vote once, the story he desires to. To apply this limit (1
vote per story) we will display the ‘Upvote’ button only if user has not already voted. So, every story
must have a voted property that becomes true when upvote function executes.
1
2
3 {{ story.writer }} said "{{ story.plot }}".
4 Story upvotes {{ story.upvotes }}.
5
8 Upvote
9
10
11
1 Vue.component('story', {
2 template: "#story-template",
3 props: ['story'],
4 methods:{
5 upvote: function(){
6 this.story.upvotes += 1;
7 this.story.voted = true;
8 },
9 }
10 });
11
12 new Vue({