1.2—条件与循环

if语句

<div id="app_1">
    <p v-if="seen">看到了吗?</p>
</div>
<script>
    var app_1=new Vue({
        el:'#app_1',
        data: {
            seen:true
        }
    })
    app_1.seen=false;
    // 现在就会看不到了
</script>

 

for循环

<div id="app_2">
    <ul>
        <li v-for="item in items">
            {{item.text}}
        </li>
    </ul>
</div>
<script>
     var app_2=new Vue({
        el:'#app_2',
        data:{
            items:[
                {text:'我是1'},
                {text:'我是2'},
                {text:'我是3'},
            ]
        }
    })
    //可以后期给予添加
    app_2.items.push({text:'我是4'})
</script>