Vue 出一個女友吧!-製作分頁邏輯-1

接下來講講製作分頁邏輯的部分，好在本身 API 就已經有判斷分頁了

關於我逃出胡立的異世界 R30 這件事之攻略包

由於這個系列是紀錄挑戰胡立分享的遊戲 [異世界?r3:0挑戰] 的挑戰紀錄，也不知道該算在哪個分類，所以就乾脆都放在 JavaScript 下囉~

Vue 出一個女友吧!-組件溝通 event bus

接下來將會講一個東西叫做組件溝通 event bus，可是我個人比較喜歡講成元件溝通就是了...那麼 event bus 會拿來做什麼呢?來記錄一下吧

Vue 出一個女友吧!-vue-fontawesome

接下來講講其中一個套件，也就是 vue-fontawesome，在前面我們已經安裝了，但是該怎麼使用呢?來記錄一下吧

Vue 出一個女友吧!-loading

接下來要來替產品新增、修改以及刪除時增加一個 loading 特效，這樣子對於使用者體驗也會比較好，那這邊就會使用到 vue-loading-overlay

Vue 出一個女友吧!-產品頁面

接下來是製作產品相關的 API，這邊將會講到商品建立、取得商品列表、修改商品以及刪除商品

Vue 出一個女友吧!-Login API

Vue 出一個女友吧!-Admin Page

這一篇將會講到 Route 的部分，順便也會講到 Admin Page

Vue 出一個女友吧!-PUG Template

PUG Template 是我非常愛用的 HTML Template，所以講一下該如何使用在 Vue 中撰寫 PUG 吧

Vue 出一個女友吧!-SCSS & Boostrap 引入

接下來的專案將會使用 Boostrap 幫助我們加速快速開發，所以就會需要引入 Boostrap