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)效果展示:
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇: nohup 启动程序后台运行
- 下一篇: python将十六进制字符串转为十进制数字