Getting started with VUE (template syntax) (2)

template syntax

Effect

1. Interpolation syntax (parsing tag body)

2. Instruction syntax (parsing tags)

v-bind (shorthand: )

Put the url into the data

and found the original wording error

Correct way of writing
At this time, the url in the quotation marks is executed as a js expression

At this time, the display is normal

. When the bound expression does not exist in the data, an error will be reported.


Although there are two identical names in the data, an

error will not be reported at this time, but it is not what we want to express. The name is all overwritten by the last one. So

continue to put the object type (that is, nesting doll) in the data

so that we can achieve the effect we want

Getting Started with VUE (Super Meticulous) (1)
Getting Started with VUE (Template Syntax) (2)