sort()是JavaScript中數(shù)組的一個(gè)方法，它可以將數(shù)組元素進(jìn)行排序。Vue中的數(shù)組同樣可以使用sort()方法。sort()方法會(huì)對(duì)數(shù)組進(jìn)行原址排序，即不會(huì)創(chuàng)建新的數(shù)組，而是直接修改原數(shù)組的順序。sort()方法默認(rèn)按照Unicode編碼進(jìn)行排序，但是我們可以傳入一個(gè)回調(diào)函數(shù)來(lái)指定排序規(guī)則。

sort()方法接受一個(gè)可選的回調(diào)函數(shù)作為參數(shù)。這個(gè)回調(diào)函數(shù)可以接受兩個(gè)參數(shù)，分別是要比較的兩個(gè)元素。回調(diào)函數(shù)應(yīng)該返回一個(gè)數(shù)字，用以表示這兩個(gè)元素的大小關(guān)系。如果返回值為正數(shù)，則表示第一個(gè)元素應(yīng)該出現(xiàn)在第二個(gè)元素之后；如果返回值為負(fù)數(shù)，則表示第一個(gè)元素應(yīng)該出現(xiàn)在第二個(gè)元素之前；如果返回值為0，則表示兩個(gè)元素的順序可以隨意。sort()方法會(huì)依照這個(gè)規(guī)則對(duì)數(shù)組進(jìn)行排序。

// 對(duì)一個(gè)數(shù)字?jǐn)?shù)組進(jìn)行排序
let numbers = [2, 5, 1, 9, 3];
numbers.sort(function(a, b) {
return a - b;
});
console.log(numbers); // [1, 2, 3, 5, 9]

上面的代碼將數(shù)字?jǐn)?shù)組按照從小到大的順序進(jìn)行排序。sort()方法首先將數(shù)組中的兩個(gè)元素傳入回調(diào)函數(shù)，計(jì)算它們的差值，然后根據(jù)差值來(lái)確定它們的順序。因?yàn)榛卣{(diào)函數(shù)中返回的是a - b，所以sort()方法會(huì)將數(shù)組元素按照從小到大的順序排序。

在Vue中，如果我們想要對(duì)數(shù)據(jù)數(shù)組進(jìn)行排序，只需要調(diào)用數(shù)組的sort()方法即可。這個(gè)方法會(huì)直接修改數(shù)據(jù)數(shù)組的順序，反映到模板中。但是我們需要注意，Vue不會(huì)為我們自動(dòng)檢測(cè)到sort()方法的調(diào)用，所以我們需要手動(dòng)調(diào)用Vue的$set()方法來(lái)讓Vue檢測(cè)到數(shù)據(jù)的變化。

// 對(duì)一個(gè)對(duì)象數(shù)組進(jìn)行排序
let users = [
{ name: 'Tom', age: 20 },
{ name: 'Jerry', age: 18 },
{ name: 'Alice', age: 22 }
];
users.sort(function(a, b) {
return a.age - b.age;
});
// Vue中更新數(shù)據(jù)數(shù)組
this.$set(this.users, index, this.users[index]);

如上面的代碼所示，我們可以對(duì)一個(gè)對(duì)象數(shù)組進(jìn)行排序，比較的是每個(gè)對(duì)象的age屬性。而在Vue中更新數(shù)據(jù)數(shù)組需要使用$set()方法，它會(huì)自動(dòng)通知Vue數(shù)據(jù)的變化。需要注意的是，$set()方法的第一個(gè)參數(shù)是數(shù)據(jù)對(duì)象，而第二個(gè)參數(shù)是要更新的屬性對(duì)應(yīng)的索引。在這個(gè)例子中，我們傳入的是index變量，表示更新第index個(gè)元素。

sort()方法是一個(gè)非常實(shí)用的方法，可以幫助我們對(duì)數(shù)組進(jìn)行排序。在Vue中，sort()方法用于更新數(shù)據(jù)數(shù)組的順序，很容易地實(shí)現(xiàn)對(duì)列表的排序。但是我們需要手動(dòng)調(diào)用Vue的$set()方法來(lái)讓Vue檢測(cè)到數(shù)據(jù)的變化，否則Vue無(wú)法正確地更新視圖。