Vue Js列表渲染變化數組帶拼接

Question

    let vm = new Vue({
        el:"#app",
        data:{
            users:[
                {
                    name:"Murad"
                },
                {
                    name:"Maxi"
                },

            ]
        }
    })

vm.users[1] = {name:"John"};

這是行不通的，但是

vm.users.splice(0,1,{name:"John"})

在 vm.users[1] = {name:"John"};

這是工作為什么在拼接更改數組后使用索引工作？

Answer 1

Vue 不會觸發修改后的數組值的更改，但會觸發拼接

https://v2.vuejs.org/v2/guide/list.html#Mutation-Methods

Vue 會自動觸發以下數組函數：

• 推（）
• 流行音樂（）
• 轉移（）
• 取消移位（）
• 拼接（）
• 種類（）
• 撤銷（）