Vue

by olgis

HTML

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

<div id="app">
    <button v-on:click="click">Show / Hide</button>
    <p v-if="show">I am part-time visible</p>
    <p>Always on!</p>
    <hr>
    <ul>
      <li v-for="person in persons">{{ person.name }}</li>
    </ul>
</div>

Vue

new Vue({
        el: '#app',
        data: {
            show: true,
            persons:[
            	{name: "Bob", age: 22},
              {name: "Alice", age: 33},
              {name: "Carl", age: 32}
            ] 
        },
        methods: {
        	click() {
          	this.show = !this.show;
          }
        }
    });