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://vuejs.org/v2/guide/list.html#Mutation-Methods

Vue会自动触发以下数组函数：

• 推()
• pop()
• shift()
• unshift()
• 拼接()
• 排序()
• 反向（）