Vue.js是一个构建数据驱动web界面的库。重点是MVVM模式的视图模型层，因此很容易与其他库或现有项目集成

Vue.js的核心是一个响应性的数据绑定系统，这使得与DOM保持数据同步变得非常简单

下面的列表显示，当我们使用ajax从后端接口或json文件获取数据，然后转到页面时，我们有n种方法将数据呈现到页面

1.使用s for循环遍历填充

2 .天然气-天然气的重复

今天我们用v-for来代替vue.js

一. html

蚌埠里士满/斯潘凤阳东路/span/li里士满蚌埠/spanspan凤阳东路/span/li /ul/div II。Json数据节点

第三，使用v-for将数据绑定到页面

引用Vue.js，在成功请求数据后实例化一个Vue。E1绑定到该元素

请注意，数组中有一些对象-{}或[{}，{}，{}]

GetAjaxData('js/cstore2.json '，{name:'zq'}，function(dat){ var data=dat . cstore//console . log(data)var VM=new Vue({ El : ' # example '，data : { items : data } })})；

div class=' shop _ list _ box ' ul id=' example ' liv-for=' item of item ' span { { item。城市{ }/span span { { item }。这里可以购物。

然而，也可以使用模板v-for

模板v-for类似于v-for

{{item.city}}也可以用v-text="item "替换。城市”。这样做的好处是，在未加载数据时，您不会看到{{}}占位符。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。