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将十六进制字符串转为十进制数字
