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字符串

Answer 1

使用 JSON 过滤器即可

Answer 2

{{jsonData | json}}

Answer 3

请熟读文档 filters中的json就是格式化成JSON的过滤器