上一篇《VUE 表格元件進階-排序》有提到把表格做成公用的子元件，子元件本身有排序的功能，在這一篇我要加上分頁的功能，把分頁元件當成表格元件的子元件，如此一個表格元件的功能才算完整。

身為一個前端工程師常常會遇到處理表格的問題，SA 開出來的需求大概就是排序、一頁顯示幾筆資料及分頁等功能。這裡我先筆記一下，如何達成排序的功能。

sort() 方法用於對 JavaScript 陣列就地排序，即直接修改原陣列，並回傳排序後的陣列。它的行為取決於是否提供比較函式 (compare function)。

在 JavaScript 中，Number(value) 常被拿來驗證數字的型別，它會嘗試將 value 轉換為數字，可能會發生以下幾種情況

computed 是 VUE 提供的計算方法，會觀察自己函式內響應式資料的變化，並返回一個值。就像一個臨時快照一般，當自己函式內的響應式資料發生變化，computed 就來拍一張快照，並把這張快照放在暫存裡面，所以 computed 是響應資料變化的結果，不能由結果回過頭去改變資料。

首先要知道的是：原生的連結、按鈕及輸入，預設就是可以依據 HTML DOM 的結構順序由上而下、由左而右，使用鍵盤 tab 鍵來依序聚焦。

至於其他元素則需要使用 tabindex 這個標籤來設置，就讓我來整理一下 tabindex 如何使用。