javascript - Vue Js 列表渲染用 Splice 改变数组

Question

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

            ]
        }
    })

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

这不是工作，而是

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

及之后vm.users[1] = {name:"约翰"};

这是工作为什么在拼接后改变带有索引的数组工作？

Answer 1

Vue 不会触发修改后的数组值的更改，但会触发拼接

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

Vue 将自动触发以下数组函数:

• 推()
• 弹出()
• 移动()
• unshift()
• 拼接()
• 排序()
• 反向()