Vue Js列表渲染更改阵列与拼接

时间:2017-05-28 08:46:17

标签: javascript arrays vue.js vuejs2 array-splice

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

            ]
        }
    })

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

这不起作用,但

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

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

这是工作为什么在splice更改数组与索引工作后?

1 个答案:

答案 0 :(得分:2)

Vue不会触发修改后的数组值的更改,但会针对splice

触发更改

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

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

  • push()
  • pop()
  • shift()
  • unshift()
  • splice()
  • sort()
  • 反向()