VUE.JS 中把computed改成methods后就失效了,为什么?

如图

<div id="app">
        <show-item  v-for="(item,i) in items" @click.native="items.splice(i,1)" color="red" > {{item}}</show-item>
</div>
<script>
    Vue.component('show-item', {
        template: '<p :style="style"><slot></slot></p>',
        props:['color'],
        computed:{
            style(){
                return {backgroundColor:this.color};

            }
        }
    });
    new Vue({
        el: '#app',
        props:['color'],
        data: {
            items: ['apple', 'peal', 'banana']
        }

computed是更新生命周期里面的update层，用来直接给界面的值更新值得 methods里面是定义主动事件 例如点击事件的 不能自己触发 必须有用户的交互