JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.16/vue.min.js"></script>
<div id="example-2">
  <ul id="example-1">
    <li v-for="item in items">
      {{ item.message }}
      <button v-on:click="removeElement(item)">remove</button>
    </li>
  </ul>
</div>

JavaScript

new Vue({
  el: '#example-2',
  data: {
    items: [
      { message: 'Foo' },
      { message: 'Bar' },
      { message: 'Bar1' },
      { message: 'Bar2' },
      { message: 'Bar3' },
      { message: 'Bar4' }
    ]
  },
  methods : {
    removeElement : function (item) {
      this.items.$remove(item)
    }
  }
})