Vue Js列表渲染变化数组带拼接

Question

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

            ]
        }
    })

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

this is not work but

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

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

this is work Why after splice change array with index work?

Answer 1

Vue doesn't trigger a change for a modified array value, but does for splice

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

Vue will automatically trigger for the following array functions:

• push()
• pop()
• shift()
• unshift()
• splice()
• sort()
• reverse()