vue v-if v-for example2

20171230

by Syuan Shih

HTML

<div id="app">
    <ul v-if="animalsArray.length">
        <li v-for="animal in animalsArray">{{ animal }}</li>
    </ul>
</div>

JavaScript

var vm = new Vue ({
    el: '#app',
    data: {
        animalsArray: [ 'pig', 'dog', 'bird' ]
    }
});