vuejs

List Rendering 43
29 })
30
31 new Vue({
32 el: '.container',
33 data: {
34 stories: [
35 {
36 plot: "I crashed my car today!",
37 writer: "Alex",
38 upvotes: 28
39 },
40 {
41 plot: "Yesterday, someone stole my bag!",
42 writer: "John",
43 upvotes: 8
44 },
45 {
46 plot: "Someone ate my chocolate...",
47 writer: "John",
48 upvotes: 51
49 },
50 {
51 plot: "I ate someone's chocolate!",
52 writer: "Alex",
53 upvotes: 74
54 },
55 ]
56 }
57 })
58
59
Info
Our famous filter uses javascript’s filter method.⁴ The filter() method creates a new
array with all elements that pass the test implemented by the provided function.
⁴https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/filter