Vue 2.0 中提供了多種排序的方法,主要包括升序、降序、按照指定屬性或者方法排序等。
Vue 2.0 中提供的排序方法主要依賴于內置的 sort 方法,可以通過 sort 方法的參數來實現不同的排序方式。下面是按照普通順序排序的簡單示例:
data() { return { listData: [3, 2, 1, 4, 5] } }, methods: { sortList() { this.listData.sort((a, b) =>a - b) } }
上述代碼中,通過 sort 方法對 listData 數組進行了升序排序。通過傳遞一個回調函數作為 sort 方法的參數,我們可以對不同類型的數據進行排序,例如對象類型的數據:
data() { return { listData: [ { name: '張三', age: 20 }, { name: '李四', age: 18 }, { name: '王五', age: 22 } ] } }, methods: { sortListByAge() { this.listData.sort((a, b) =>a.age - b.age) } }
上述代碼中,我們根據數組中每個元素的 age 屬性進行了升序排序。
除了 sort 方法外,Vue 2.0 中還提供了一個 orderBy 過濾器,可以在模板中方便地進行排序。例如:
- {{ item.name }} - {{ item.age }}
上述代碼中,我們使用 orderBy 過濾器對 listData 數組按照 age 屬性進行了排序。
總之,Vue 2.0 提供了多種排序的方法,我們可以根據實際需求選擇合適的方法。