Thực thi mã trong các view của Vue
Trong dấu ngoặc nhọn, bạn có thể thực thi nhiều loại
mã JavaScript khác nhau. Hãy xem xét điều này qua một ví dụ.
Giả sử chúng ta có hai thuộc tính với số -
var1 và var2:
data() {
return {
var1: 1,
var2: 2,
}
}
Ví dụ, hãy cộng các giá trị của thuộc tính của chúng ta:
<template>
{{ var1 + var2 }}
</template>
Kết quả của mã này sẽ là HTML sau:
<div id="app">
3
</div>
Giả sử trong data lưu trữ nội dung sau:
data() {
return {
num: 5,
}
}
Hiển thị bình phương của thuộc tính num lên màn hình.
Giả sử trong data lưu trữ nội dung sau:
data() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
Hiển thị tổng của các thuộc tính
num1, num2 và num3 lên màn hình.
