美文网首页
vue 循环语句和angular循环语句的区别

vue 循环语句和angular循环语句的区别

作者: newway_001 | 来源:发表于2018-11-21 14:15 被阅读0次
    new Vue({
      el: '#app',
      data: {
        sites: [
          { name: 'Runoob' },
          { name: 'Google' },
          { name: 'Taobao' }
        ]
      }
    })
    

    调用方式:

      <ul>
        <li v-for="(site,index) in sites">
          {{ site.name }}和{{index}}
        </li>
      </ul>
    

    结果:

    Runoob和0 
    Google和1 
    Taobao和2 
    

    anglar 调用方式

    
    <ul>
      <li ng-repeat="(index,site) in names">
      {{site.name}}和{{index}}</li>
    </ul>
    

    结果

    Runoob和0
    Google和1
    Taobao和2
    

    vue使用v-for 序号index在后面,
    anglar 使用ng-repeat 序号index在前面

    相关文章

      网友评论

          本文标题:vue 循环语句和angular循环语句的区别

          本文链接:https://www.haomeiwen.com/subject/xufcqqtx.html