2020-09-01 |

列表渲染

我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。

基本用法

<ul>
    <li v-for="item in items">
    {{item}}
    </li>
</ul>
      var app=new Vue({
        el:'#app',
        data:{
            items:['angular','react','vue','jquery']
        }
      })
      

最终结果

<ul>
    <li> angular </li>
    <li> react </li>
    <li>vue </li>
    <li>jquery </li>
</ul>

1

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论