title: How to remove an item from an array in Vue.js
body: <p>I am new to vue.js (2) and I am currently working on a simple event app. I've managed to add events but now I would like to delete events based on clicking on a button.</p>
  
  <p>HTML</p>
  
  <pre><code>    &lt;div class="list-group"&gt;
  
          &lt;div class="list-group-item" v-for="event in events"&gt;
              &lt;h4 class="list-group-item-heading"&gt;
                  {{ event.name }}
              &lt;/h4&gt;
  
              &lt;h5&gt;
                  {{ event.date }}
              &lt;/h5&gt;
  
              &lt;p class="list-group-item-text" v-if="event.description"&gt;{{ event.description }}&lt;/p&gt;
  
              &lt;button class="btn btn-xs btn-danger" @click="deleteEvent(event)"&gt;Delete&lt;/button&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS(Vue)</p>
  
  <pre><code>new Vue ({
      el: '#app',
  
      data: {
          events: [
              {
                  id: 1,
                  name: 'Event 1',
                  description: 'Just some lorem ipsum',
                  date: '2015-09-10'
              },
              {
                  id: 2,
                  name: 'Event 2',
                  description: 'Just another lorem ipsum',
                  date: '2015-10-02'
              }
          ],
  
          event: { name: '', description: '', date: '' }
      },
  
      ready: function() {
  
      },
  
      methods: {
  
          deleteEvent: function(event) {
                  this.events.splice(this.event);
          },
  
          // Adds an event to the existing events array
          addEvent: function() {
              if(this.event.name) {
                  this.events.push(this.event);
                  this.event = { name: '', description: '', date: '' };
              }
          }
  
      } // end of methods
  
  });
  </code></pre>
  
  <p>I've tried to pass the event to the function and than delete that one with the slice function, I thought it was that code for deleting some data from the array. What is the best en cleanest way to delete data from the array with a simpleb button and onclick event?</p>