vuejs中如何格式化输出json字符串

Question

前端用ajax请求接口获得json数据data, 然后执行

var jsonData = JSON.stringify(data, null, 4)

序列化json对象后存到vue对象

var vm = new Vue({    el: "app",
    data: {
        jsonData: jsonData
    }
})

中的jsonData中, 然后在页面中使用{{jsonData}}显示时, 数据并没有缩进, 如何能格式化获取的这个json字符串