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']
        }

1个回答

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐