姓名:{{item.name}}

昵稱:{{item.nick}}

$(document).ready(function () {

$.getJSON("data.json", function (result, status) {

var v = new Vue({

el: '#main',

data: {

rows: result

}

})

});

});

test.json

[

{

"name": "王小婷",

"nick": "祈澈菇涼"

}, {

"name": "安安",

"nick": "壞兔子"

}, {

"name": "編程微刊",

"nick": "簡書"

}

]

原文作者：祈澈姑娘 技術博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，愛編程，愛運營，文藝與代碼齊飛，魅力與智慧共存的程序媛一枚。

堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，對于博客上面有不會的問題，歡迎加入編程微刊qq群：260352626

總結

以上是生活随笔為你收集整理的vue处理json数据的原理_Vue解析json数据的渲染的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。