我想用vue獲取json中的conversation數(shù)組中最后一項中的content的數(shù)據(jù)，但是我的方法渲染失敗了，求解。

json數(shù)據(jù)部分：

{"dialogue": [
        {
            "name":"a",
            "conversation":[
                {
                    "speaker":"a",
                    "content":"小伙子"
                },
                {
                    "speaker":"b",
                    "content":"The core idea"
                },
                {
                    "speaker": "a",
                    "content": "說的不錯"
                }
            ]
        },
        {
            "name":"c",
            "conversation":[
                {
                    "speaker":"c",
                    "content":"小伙子"
                },
                {
                    "speaker":"d",
                    "content":"The core idea"
                }
            ]
        }
]}

template部分:

<template>
    <div id="dialogue">
        <div id="chatcontent" v-for="thedialoge in dialogues">
            <div id="scriptbar">
            <!--下面這種寫法渲染失敗，什么也不顯示-->
                {{thedialoge.conversation[thedialoge.conversation.length-1].content}}
            </div>
        </div>
    </div>
</template>

如果換成{{thedialoge.conversation[thedialoge.conversation.length-1]}}
則瀏覽器顯示最后一個對象的代碼
{
"speaker": "a",
"content": "說的不錯"
}

script部分：

<script type="text/javascript">
    import axios from 'axios'
    export default{
        data() {
               return {
                 dialogues:[],
            }
        },
        created() {
            axios.get('static/data.json').then(response => 
                     (this.dialogues=response.data.dialogue)
                )
              }
    }
</script>