How to use a default value for undefined object property in VueJS interpolation? My `data` is a computed variable and is undefined at first before selecting a `selectedDataId` in a selectbox so vue sends a **"cannot read property 'grandChild' of undefined"** error.

P.S.: I'm using lodash

```
<div>
    {{ selectedData.child.grandChild }}
</div>

new Vue({
   data: {
       selectedDataId: null,
       selectedData: {},
       data: [ //array of objects here ]
   },
   computed: {
       selectedData() {
           return _.find(this.data, (d) => {
               return d.id == this.selectedDataId;
           });
       }
   }
});

```