vue.js列表输出v-for

最新推荐文章于 2024-07-08 16:28:59 发布

时光足迹

最新推荐文章于 2024-07-08 16:28:59 发布

阅读量2.1k

点赞数

分类专栏： vue 文章标签： vue v-for

本文链接：https://blog.csdn.net/gaoxiaoba/article/details/52704159

版权

vue 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

(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）效果展示：