假設現(xiàn)在有一種場景是有一個圖書的列表，但是圖書實在是太多了，所以在這個頁面中，必須將圖書以分頁的形式展示出來。在這種情況下還需要一個搜索的功能，幫助用戶快速找到圖書。所以界面看起來有點像這樣：這里也許還會有一些條件：每一個頁面的數(shù)據(jù)都會被緩存起來，也就是來回點跳到第一頁和第二頁不會發(fā)送很多次請求；正如上一點所說的，數(shù)據(jù)并不會被一次性加載，也就是當你看到第一頁時，前端并不知道后面的頁面的數(shù)據(jù)；搜索功能的搜索范圍是基于所有數(shù)據(jù)的搜索，而不是基于當前頁的搜索過濾，例如現(xiàn)在顯示的是第一頁，搜索的結果有可能是來自于后面幾頁的內(nèi)容。我現(xiàn)在頭腦里面有兩種做法，但總覺得不夠好：無論是搜索結果還是原始的列表結果，都使用同一個組件渲染，在 vm 中定義這三個概念：data.rawList : 用于記錄圖書列表data.searchList : 用于記錄搜索的結果列表computed.displayList : 用于真實顯示在組件上的數(shù)據(jù)列表(根據(jù)是否正在搜索判斷使用上面哪一項數(shù)據(jù))將搜索結果和原始的列表用兩個組件分開渲染，使用 v-if 來判斷顯示哪一個列表。所以想請教一下大家，怎么樣做才更加合適？