My object looks like this :

```
{
    "container_status": {
        "name": "/dev-ms",
        "port": {
            "2233/tcp": [
                {
                    "HostPort": "123"
                }
            ]
        }
    }
}

```

I want to display value of key `HostPort`

I try like this :

```
console.log(data.container_status.port['2233/tcp'][0].HostPort)

```

It works

But There exist error :

> 
> [Vue warn]: Error in render: "TypeError: Cannot read property 'port' of undefined"
> 
> 
> 

My vue component like this :

```
<template>
  ...
    <v-flex xs4>
      <p class="">{{data.container_status.port['6690/tcp'][0].HostPort}}</p>
    </v-flex>
  ...
</template>
<script>
export default {
  ...
};
</script>

```

How can I solve this error?