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