อาเรย์ใน Vue

การแสดงเนื้อหาของอาเรย์ใน Vue ดำเนินการ เช่นเดียวกับใน JavaScript ล้วนๆ ลองมาดูวิธีการทำกัน สมมติว่าใน data เรามีคุณสมบัติ arr ซึ่งบรรจุอยู่ภายใน อาเรย์บางอย่าง:

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

มาแสดงรายการอาเรย์นี้กัน:

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

Задание 1

สมมติว่าใน data เก็บอาเรย์ต่อไปนี้:

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

แสดงแต่ละองค์ประกอบของอาเรย์นี้ ในย่อหน้าแยกกัน

Задание 2

สมมติว่าใน data เก็บอาเรย์ต่อไปนี้:

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

แสดงผลรวมขององค์ประกอบอาเรย์นี้บนหน้าจอ