Beispiel für die gemeinsame Nutzung eines vue.js-Array-Updates

In diesem Artikel werden hauptsächlich Beispiele für die Array-Aktualisierung von vue.js mit Ihnen geteilt, in der Hoffnung, allen zu helfen.

Ändern Sie das ursprüngliche Array

push()

pop()

shift()

unshift()

splice()

sort()

reverse()

Ändert das ursprüngliche Array nicht

filter()

contat()

slice()

Beispiel:

computed:{
       filterBooks(){
            return this.books.filter(function(book){
                return book.name.match(/javascript/)
            })
        },
        sortBooks(){
            return this.lists.sort(function (a,b) {
                return a.name.length<b.name.length
            })
        }
}

mounted(){
   this.books.push({              //push数组方法,视图直接改变
            name:'《css3实战》',
            author:'huiyh'
        });
        this.books=this.books.concat([{  //concat数组方法，需更新原数组
            name:'《html5实战》',
            author:'lala'
        }])
}

Das obige ist der detaillierte Inhalt vonBeispiel für die gemeinsame Nutzung eines vue.js-Array-Updates. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!