vue 简单实验 v-for 循环

最新推荐文章于 2024-01-31 19:12:46 发布

科学的发展-只不过是读大自然写的代码

最新推荐文章于 2024-01-31 19:12:46 发布

阅读量305

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/xie__jin__cheng/article/details/132447134

版权

vue 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

1.代码

<script src="https://unpkg.com/vue@next" rel="external nofollow" ></script>
<div id="list-rendering">
  <ol>
    <li v-for="todo in todos">
      {{ todo.text }}
    </li>
  </ol>
</div>
<script>
const ListRendering = {
  data() {
    return {
      todos: [
        { text: 'Learn JavaScript' },
        { text: 'Learn Vue' },
        { text: 'Build something awesome' }
      ]
    }
  }
}
Vue.createApp(ListRendering).mount('#list-rendering')
</script>

2.运行效果