My first app in Vue.js

by Yure Pereira

HTML

<div id="first-app">
  {{ nameApp }}
  
  <ul v-for="(item, index) in linguages">
    <li v-show="item.show">{{index}} - {{ item.name }}</li>
  </ul>
  
</div>

JavaScript

var app = new Vue({
	el: '#first-app',
  data: {
  	nameApp: 'My First App',
    linguages: [
    	{ name: 'Java', show: true },
      { name: 'PHP', show: true },
      { name: 'Python', show: false },
      { name: 'C', show: true },
      { name: 'C++', show: true },
      { name: 'C#', show: true },
      { name: 'Cobol', show: false },
      { name: 'VB', show: false },
      { name: 'Node.js', show: true },
      { name: 'Go', show: true },
      { name: 'Ruby', show: false },
      { name: 'Delphi', show: false },
      { name: 'JavaScript', show: true },
      { name: 'Lua', show: true },
    ]
  }
});