Options objets

Que montre la page après le choix du « Petit Prince » ? Quelle est la valeur de l'attribut value des options dans le DOM, et pourquoi cela n'a-t-il pas d'importance ?

<div id="app">
  <div>
    <label>Livre
      <select v-model="choisi">
        <option :value="null">— choisir —</option>
        <option v-for="l in livres" :key="l.isbn" :value="l">{{ l.titre }}</option>
      </select>
    </label>
    <p v-if="choisi">{{ choisi.titre }} : {{ choisi.prix }} €, ISBN {{ choisi.isbn }}</p>
    <p>{{ choisi === livres[1] }}</p>
  </div>
</div>

const { createApp, ref } = Vue;

createApp({
  setup() {
    const livres = [
      { isbn: "9782956300014", titre: "Programmation Java", prix: 32 },
      { isbn: "9782956300052", titre: "Le Petit Prince", prix: 8.5 },
    ];
    return { livres, choisi: ref(null) };
  },
}).mount("#app");