Delete items in vuejs

this.items.$remove(item)

is a shortcut for

var index = this.items.indexOf(item)
if (index !== -1) {
    this.items.splice(index, 1)
}

so:

<template id="mytemplate">
    <div v-for="item in items">
        {{title}}
        <button v-on:click="removeEditable(item)" title="Delete this item">Delete</button>          
    </div>
</template>

<script type="text/javascript">

var MyComponent = Vue.extend({
    template: '#mytemplate',
    props: ['items'],
    data: function () {
        return {
        };
    },

    ready: function() {
    },

    watch: {
    },

    computed: {
    },

    methods: {

        removeEditable: function (item) {
            this.items.$remove(item);
        },
    }
});
</script>