vuejs

A Flavor of Directives. 14
21 data: {
22 message: 'Our king is dead! Send help!'
23 }
24 })
25
26
As shown, the replacement of v-show with v-if works just as good as we thought. Go ahead and
try to make your own experiments to see how this works! The only difference is that an element
with v-if will not remain in the DOM.
3.2.1 Template v-if
If sometime we find ourselves in a position where we want to toggle the existence of multiple
elements at once then we can use v-if on a element. In occasions where the use of
div or span seems appropriate, the element can serve also as an invisible wrapper. Also
the won ‘t be rendered in the final result.
1
2
3 You must send a message for help!
4 Dispatch a messenger immediately!
5 To nearby kingdom of Hearts!
6
7
8
9 Send word to allies for help!
10
11
12 {{$data | json}}
13
14