Wie Vuejs entfernen „? Umfang ist nicht definiert‘ Warnung

Question

Als Anfänger mit Vue.js, habe ich eine Komponente, die wie folgt aussieht:

<template> 
    <div> 
    <a href="{{ data.uk_store_link }}"> 
     {{ data.title }} - {{ data.artist.name }} 
    </a> 
    </div> 
</template> 

<script> 
export default { 
    props: ['data'] 
} 
</script> 

‚data.artist.name‘ ist vorhanden und korrekt in das Objekt, das an die Daten prop geben Aber wie kann ich die Warnung loszuwerden, die über den verschachtelten Künstlernamen erscheint

[Vue warn]: Error when evaluating expression "data.artist.name": TypeError: scope.data.artist is undefined (found in component: <release>)

ETA:.? Ah, sorry, ja, wäre es hilfreich gewesen, um zu zeigen, die "Daten":

{ "id": 23182, "title": "Music from 'Likely Stories'", "uk_store_link": " http://store.roughtraderecords.com/...html ", "artist": { "id": 1176, "name": "Jarvis Cocker" } }

Ich habe einige Felder dort zur Kürze entfernt, aber hoffentlich zeigt dies, dass data.artist.name tatsächlich existiert. Es wird sicherlich trotz der Warnung erfolgreich auf die Seite ausgegeben.

Answer 1

{{ data.artist ? data.artist.name : '' }}