藉由 Vue.js 框架模擬製作線上購書平台，可以將事先建立好的書單 json 物件導入至網頁當中，方便後續新增不同的書籍資訊，可以直接編輯 json 物件增加新的商品項目。
網頁擷取書單物件部分的資訊，製作不同的瀏覽模式，將書單顯示於網頁當中。其中，製作兩種瀏覽模式「小圖瀏覽」與「詳細清單瀏覽」。「小圖瀏覽」僅顯示部分書名、作者名、價格三種簡易資訊；而「詳細清單瀏覽」則會完整顯示出書籍的詳細資訊。
網頁採用響應式網頁設計，依照使用者的螢幕長寬比例，對網頁畫面進行調整。在網頁最上方的導覽按鈕列，於「橫向螢幕」瀏覽時，將會固定於網頁正上方；而於「直向螢幕」瀏覽時，則會向螢幕左側隱藏，使用者須點擊網頁左上方按鈕展開。