ITPub博客

首页 > IT职业 > IT生活 > v-for 实例

v-for 实例

原创 IT生活 作者:huahua11 时间:2023-04-24 18:23:59 0 删除 编辑

< div  id = "app">
   < ol>
     < li v- for = "(site, index) in sites">
      {{ index }} -{{ site.text }}
     < / li>
   < / ol>
< / div>
< script>
const app = {
  data() {
    return {
      sites: [
        { text: 'Google' },
        { text: 'Runoob' },
        { text: 'Taobao' }
      ]
    }
  }
}

Vue.createApp(app).mount('#app')
< / script>

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70029331/viewspace-2948499/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: Vue.js 循环语句
下一篇: v-for 迭代对象
请登录后发表评论 登录
全部评论

注册时间:2023-04-24

  • 博文量
    16
  • 访问量
    16136