Mảng trong Vue
Việc hiển thị nội dung của mảng trong Vue được thực hiện
giống như trong JavaScript thuần.
Hãy cùng xem cách thực hiện.
Giả sử trong data của chúng ta có thuộc tính
arr, chứa bên trong
một mảng nào đó:
data() {
return {
arr: [1, 2, 3],
}
}
Hãy hiển thị các phần tử của mảng này:
<template>
{{ arr[0] }}
{{ arr[1] }}
{{ arr[2] }}
</template>
Giả sử trong data lưu trữ mảng sau:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Hiển thị từng phần tử của mảng này trong một đoạn văn riêng biệt.
Giả sử trong data lưu trữ mảng sau:
data() {
return {
arr: [1, 2, 3],
}
}
Hiển thị tổng các phần tử của mảng này ra màn hình.