Saya menghadapi masalah ini semasa mempelajari rangka kerja Vue.js Dalam bahagian lelaran objek pada pemaparan senarai, saya meletakkan objek objek dalam data dan elemen butang dalam elemen li untuk memadamkan atribut yang sepadan dengan lelaran, tetapi mengklik butang tersebut. butang Selepas itu, atribut yang sepadan dalam objek dipadamkan, tetapi paparan tidak dikemas kini dan atribut yang dipadam masih ada. Adakah ini sebabnya.

var list1 = new Vue({
    el:'#list1',
    data:{
        parentMessage:'Fuck',
        object:{
            firstName:'Coma',
            lastName:'Cc'
        }
    },
    methods:{
        remove:function(index){
            //Array.prototype.splice.call(this.object, index, 1);
            delete((this.object)[index]);
        }
    }
})

<ul id="list1">
        <li v-for="(value, key, index) in object">
            {{ index }} - {{ key }} - {{value}}
            <button v-on:click="remove(key)">Delete</button>
        </li>
    </ul>