<template>
  <div>
    <input type="text" v-model="invoices?.[0]?.invoiceID">
    <input type="text" v-model="invoices?.[0]?.date">
    <input type="text" v-model="invoices?.[0]?.userID">
  </div>
</template>

<script>
  export default {
    data() {
      return {
        invoices: []
      }
    }
  }
</script>

Burada, invoices dizisi boş olduğunda invoiceID, date, ve userID inputlarında da boş değerler gösterilecektir. Optional Chaining (?.) operatörü, bir nesnenin null veya undefined olduğunu kontrol ederek, sorgulama işlemini devam ettirir. Bu sayede kodunuzda hata almamak için null ve undefined kontrollerine gerek kalmadan sorgulama işlemlerini yapabilirsiniz.