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模板之显示字典中内容
