Conditionals and Loops

by Phellipe Lins

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">

  <ul v-if="fruits.length">
    <li v-for="fruit in fruits">{{ fruit }}</li>
  </ul>

</div>

JavaScript

new Vue({
	el: '#app',
  data() {
  	return {
    	fruits: [
      	'Apple',
        'Orange',
        'Coco',
      ]
		}
	}
})