vue渲染json

数据{
"status":1,
"data":[
{"site_id":"1","site_name":"u54c8u5c14u6ee8"}
]
}
怎么用vue渲染然到界面上

---

js:

var vm = new Vue({
    el:"#app",
    data:{
        status:1,
         data:[
                {"site_id":"1","site_name":"u54c8u5c14u6ee8"}
            ]
    }
})

html:

<div id="app">
    <span v-text="status"></span>
    <div v-for="d in data">{{d.site_id}}:<span>{{d.site_name}}</span></div>
</div>

---

//js

var vm = new Vue({
    el:'#outerbox',
    data:{
        "status":1,
        "data":[
            {"site_id":"1","site_name":"u54c8u5c14u6ee8"}
        ]
    }
})

//html,dom

<div id="outerbox">
<span v-text="status"></span>
</div>