2020-07-16 22:22 2023-12-03 18:50 标签：数组,vue
vue中数组添加以及删除都可以用js的原生方法，但是修改就需要用set方法，否则可能导致虽然数据已经改变，但是页面数据没刷新，具体方法如下
添加：
在数组末尾添加
push()
在数组前端添加
unshift()
用法
var array = [{id:1,name:'vue'},{id:2,name:'js'}]
array.push({id:3,name:'nodejs'})
打印：
[{id:1,name:'vue'},{id:2,name:'js'},{id:3,name:'nodejs'}]
array.unshift({id:3,name:'nodejs'})
打印：
[{id:3,name:'nodejs'},{id:1,name:'vue'},{id:2,name:'js'}]修改：
Vue.set( array, index, value )
用法
var array = [{id:1,name:'vue'},{id:2,name:'js'}]
Vue.set( array,1,{id:2,name:'nodejs'})
打印：
[{id:1,name:'vue'},{id:2,name:'nodejs'}]删除：
splice(index,howmany,item1,.....,itemX)
howmany要删除的项目数量。如果设置为 0，则不会删除项目。 1为删除当前index项
item为删除项后在删除项目位置添加的新项目
用法
var array = [{id:1,name:'vue'},{id:2,name:'js'}]
array.splice(0,1)
打印：
[{id:2,name:'js'}]
array.splice(0,1,{id:3,name:'nodejs'})
打印：
[ {id:3,name:'nodejs'} ,{id:2,name:'js'}]