&
lt
;
div
id
=
“app”
&
gt
;
&
lt
;
p
&
gt
;
My
local
property
:
{
{
myLocalProperty
}
}
&
lt
;
/
p
&
gt
;
&
lt
;
hr
&
gt
;
&
lt
;
button
@
click
=
“buttonClicked”
&
gt
;
Click
me
&
lt
;
/
button
&
gt
;
&
lt
;
hr
&
gt
;
&
lt
;
!
—
1
—
&
gt
;
&
lt
;
p
v
–
if
=
“randomNumber >= 50”
&
gt
;
randomNumber
is
&
gt
;
=
50
!
&
lt
;
/
p
&
gt
;
// v-if là một directive của Vew. Về mặt lý thuyết, v-if “bảo” với Vue chỉ hiển thị phần tử này khi điều kiện bên trong nó là đúng cụ thể là “randomNumber lớn hơn hoặc bằng 50”
&
lt
;
!
—
2
—
&
gt
;
&
lt
;
p
v
–
else
&
gt
;
Sorry
,
randomNumber
is
only
&
lt
;
b
&
gt
;
{
{
randomNumber
}
}
&
lt
;
/
b
&
gt
;
&
lt
;
/
p
&
gt
;
// Bất cứ khi nào có v-if sẽ có v-else là trường hợp khác không đúng với trường hợp trên (Either/or)
&
lt
;
/
div
&
gt
;