3. 이벤트에 반응하기

by donggyu04

HTML

<div id="app">
  <li v-for="(world, index) in worlds">
    <span v-text="world"></span>
    <button @click.prevent.stop="worlds.splice(index, 1)">Zap!</button>
  </li>
  
  <input v-model="newWorld"/>
  <button @click="addWorld">Add world</button>
</div>

Vue

new Vue({
	el: '#app',
  data: {
  	newWorld: '',
  	worlds: ['terran', 'zerg', 'protoss'],
  },
  methods: {
  	addWorld: function() {
    	this.worlds.push(this.newWorld);
    }
  }
});