Vue에서 배열

Vue에서 배열 내용을 출력하는 것은 순수 JavaScript에서와 동일하게 수행됩니다. 어떻게 하는지 살펴보겠습니다. data에 특정 배열을 포함하는 arr 속성이 있다고 가정해 봅시다:

data() {
	return {
		arr: [1, 2, 3],
	}
}

이 배열의 요소들을 출력해 봅시다:

<template>
	{{ arr[0] }}
	{{ arr[1] }}
	{{ arr[2] }}
</template>

data에 다음 배열이 저장되어 있다고 가정합니다:

data() {
	return {
		arr: ['x', 'y', 'z'],
	}
}

이 배열의 각 요소를 별도의 단락에 출력하세요.

data에 다음 배열이 저장되어 있다고 가정합니다:

data() {
	return {
		arr: [1, 2, 3],
	}
}

화면에 이 배열 요소들의 합계를 출력하세요.