vue用ajax获取json数组,vuejs Ajax取得一个数据json数组

问题分析分两步走

Ajax取得数据

Vue渲染数据

问题存在于如何写模板？这个是一个基础问题，我建议最好先看一下官方文档学习一下，这个和MVC的套模板标签有相似之处，也有差异之处。

1. {{list.name}}

   {{list.age}}

new Vue({

el: "#app",

components: {

myItem: {

template: '#item',

data: function() {

return {

lists: [{

name: 'a',

age: 10

},{

name: 'b',

age: 18

},{

name: 'c',

age: 12

}]

}

}

}

}

})

上面做的事情就是参照你的template来写的，只是没有获取ajax数据，获取数据前会多一个v-if的判定步骤或者现在这样设置一些默认值，Ajax获取到数据以后把数据绑定到lists上。后面的逻辑就就包含了一个循环遍历数据和判断数据(补充学习前面的v-if)，不知道是不是能解决你的疑问了？最后还是建议先从文档开始。