vue.js 删除 v-for 中某个元素

html:

<div id="demo">
    <ul>
        <li v-for="item in items">
            <span>{ item.id }</span>
            <span>{ item.msg }</span>
            <span v-show="item.ok"> ok</span>
        </li>
    </ul>
</div>

js:

var viewModel = new Vue({
    el :'#demo',
    data: {
        items:[
            { msg : '列表1', ok: 1, id: 1},
            { msg : '列表2', ok: 2, id: 2},
            { msg : '列表3', ok: 0, id: 3}
        ]
    }
});<br></br>

加载之后, 渲染出列表,

然后我想从 items 中删除 id = 1 的这条数据,

Vue.js 包装的变异方法, 好像没有能直接删除的方法, 只有通过数组 key 才可以..

请问, 这得怎么实现?