Let's take a look again at our Filtered results example from Chapter 4, List Rendering. Assume this time we take the stories
variable data from an external API through an HTTP call. The API developers decide to rename plot
story property to body
. So now, we have to go through our code and make the necessary changes.
<div class="container"> <h1>Lets hear some stories!</h1> <div> <h3>Alex's stories</h3> <ul class="list-group"> <li v-for="story in stories | filterBy 'Alex' in 'writer'" class="list-group-item" > {{ story.writer }} said "{{ story.plot }}" {{ story.writer }} said "{{ story.body }}" </li> </ul> <h3>John's stories</h3> <ul class...