vuejs

List Rendering 40
Eventually, for the sake of ordering the array in descending order, our code will look like this:
1
2
5 {{ story.writer }} said "{{ story.plot }}"
6 and upvoted {{ story.upvotes }} times.
7
8
We can easily change the order we sort the array, by dynamically changing the order parameter. A
button is added, which will toggle the value of a new variable between -1 and 1, and then the new
variable is passed as order parameter to orderBy filter. Watch now.
1 new Vue({
2 el: '.container',
3 data: {
4 order: -1,
5 stories: [
6 {
7 plot: "I crashed my car today!",
8 writer: "Alex",
9 upvotes: 28
10 },
11 {
12 plot: "Yesterday, someone stole my bag!",
13 writer: "John",
14 upvotes: 8
15 },
16 {
17 plot: "Someone ate my chocolate...",
18 writer: "John",
19 upvotes: 51
20 },
21 {
22 plot: "I ate someone's chocolate!",
23 writer: "Alex",
24 upvotes: 74
25 },
26 ]
27 }
28 })