vuejs

Components 69
Info
v-bind is used to dynamically bind one or more attributes, or a component prop to an
expression.
Since story property is not a string but a javascript object instead of story="..." we use
v-bind:story="..." to bind story property with the passed object.
The shorthand for v-bind is :, so from now on we are gonna use it like this: :story="...".
6.5 Reusability
Let’s take a look again at our Filtered Results example. 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.
Info
Later in this book we will cover how we can use Vue to make web requests.
1
2 Lets hear some stories!
3
4 Alex's stories
5
6
9 {{ story.writer }} said "{{ story.plot }}"
10 {{ story.writer }} said "{{ story.body }}"
11
12
13 John's stories
14
15
18 {{ story.writer }} said "{{ story.plot }}"
19 {{ story.writer }} said "{{ story.body }}"
20
21