摄影网站首页设计,免费创建社区平台,公司网站门户建设包括哪些,伯爵手表网站vue 观察数组的变异方法 更新视图push()pop()shift()unshift()splice(i,n,arr)sort(xx)reverse()ex: app.book.push({name:‘css‘,author:‘lee‘})有些方法不会改变数组filter()concat()slice()返回新数组 需要用 新返回的数组 更新原数组app.books app.books.filter(functi…vue 观察数组的变异方法 更新视图push()pop()shift()unshift()splice(i,n,arr)sort(xx)reverse()ex: app.book.push({name:‘css‘,author:‘lee‘})有些方法不会改变数组filter()concat()slice()返回新数组 需要用 新返回的数组 更新原数组app.books app.books.filter(functiion(item){return item.name.match(/javascript/)})vue 不能检测到数组变化 不能触发视图更新1 通过直接搜影 更改变量ex app.book[3] ‘xxxx‘;2 修改数组的长度app.books.length 1;解决这个问题 俩种方法1 vue 内置的set方法 类 spliceVue.set(app.books,3,{name:‘qqq‘,author:‘qjb‘})2 webpack 没有引入Vue 用 $setthis.$set(app.books,3,{name:‘css‘,author:‘qjb‘})this指向组建的实例 既 app 可以使用app.$set()3 使用 spliceappp.book.splice(3,1,{name:‘css‘,author:‘qjb‘})splice(索引删除的数量(0不删除)插入的变量arr1,arr2,arr3)更改索引app.books.splice(1);、、、、过滤与排序。。。。。。。不改变原数组computed:{filterBooks:function(){return this.books.filter(function(book){return book.name.match(/javascript/)})}}sort()来排序、、、、、、、、、、、、、、、、、、、、、、
