vue ajax转json,Vue ajax 请求后 更新 json数据

js

$.ajax({

type : "GET",

url : "foucsLists.json",

dataType : "json",

success : function (data){

var foucsLists = data["classify"];

//vue

var drawFocusLists = new Vue({

el : "#focus-list",

data : {

todos : foucsLists

}

});

//zui popover

$('[data-toggle="popover"]').popover({

trigger : 'hover',

placement : 'top'

});

}

});

json

{

"name" : "foucs",

"classify":[

{

"title" : "设计",

"content":[

{"siteName" : "UI-Cloud", "itemTitle" : "UI-Cloud", "itemContent" : "UI搜索引擎，设计师必备，提供用户界面PSD下载", "link" : "http://ui-cloud.com/"},

{"siteName" : "优设网", "itemTitle" : "高大上", "itemContent" : "高大上的内容", "link" : "http://www.uisdc.com/"},

{"siteName" : "优设网", "itemTitle" : "高大上", "itemContent" : "高大上的内容", "link" : "http://www.uisdc.com/"}

]

},

{

"title" : "前端",

"content":[

{"siteName" : "前端1", "link" : "www.baidu.com"},

{"siteName" : "前端2", "itemTitle" : "高大上", "itemContent" : "高大上的内容", "link" : "www.baidu.com"},

{"siteName" : "前端3", "link" : "www.baidu.com"},

{"siteName" : "前端4", "link" : "www.baidu.com"}

]

}

]

}

HTML

• {{ todo.title }}

  {{ list.siteName }}