Javascript 使用vue.js显示json中的数据

嗨，我正试图用vue.js显示json中的一些数据 这是我的vue文件：

<template>
    <div>
        <div class="card">
            <div class="card-header">
                  <h4 class="card-title">Customer Infos</h4>
            </div>      
            <div class="card-content">
             {{site}}
            </div>      
        </div>
    </div>
</template>
<script>
    export default {
        props: ['site'],
        mounted () {
            console.dir(this.site)
        }
    }
</script>
<style>
</style>

我想让它只显示

site\u id

我已经试过了：

 {{site.site_id}}

没有成功。谢谢你

computed: {
siteObject() {
    return JSON.parse(this.site);
}

之后

---

在{“id”：274292982，“site_id:“2512016716”}@cjs1978中有一个太多的结尾大括号。这是copie-pass错误。你有任何控制台错误吗？@ittus没有错误请提供一些关于父组件的代码-如何将

site

数据传递给孩子请添加一些有意义的解释。

computed: {
siteObject() {
    return JSON.parse(this.site);
}

{{ siteObject.site_id }}