vuejs绑定列表

上一篇文章,介绍了如何通过vue.js实现数据双向绑定,这篇文章将介绍如何通过其来绑定列表

列表在页面中很常见的一种结构,j2ee相关的jsp、php相关的smarty都支持在模板中遍历数组。

如何在vue.js中将列表数据展示在页面中呢?(不用jquery的遍历+拼接+append)
下面看代码,真的很简单:




    
    
    
    demo01
    
    



    
  • {{ todo.text }}

页面执行效果:

vuejs绑定列表_第1张图片
列表数据.png

下一篇文章,我们将会学习如何通过vue.js响应用户与页面元素的交互事件,比如最典型的click事件。

你可能感兴趣的:(vuejs绑定列表)