vue.js列表输出v-for
(1)html代码:
<div id="app"> <ul> <li v-for="todo in todos"> {{ todo.text }} </li> </ul> </div>
(2)js代码:
<script> new Vue({ el:"#app", data: { todos: [ { text: "Learn JavaScript" }, { text: "Learn Vue.js" }, { text: "Build Something Awesome" } ] } }); </script>
(3)效果展示:
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
- 上一篇: vue.js--删除列表中的一行
- 下一篇: Django模板之显示字典中内容