Nuxt

網頁種類

MPA: (Multiple Page Application) : 多頁面應用程式

SPA: (Single Page Application): 單頁面應用程式

SPA 特點:

1. 只有一個 html
2. 前端可以透過 route 去切換畫面 (vue-router)
3. 透過 ajax 去跟後端要資料更新
4. 網頁組件化 (component)
5. 比 MPA 更為流暢

缺點:

1. SEO 會有問題, 因為資料都是透過 ajax 異步去抓取資料, 因此爬蟲會難予抓取, 因此出現了 SSR ( Server Side Render) , 可以在 server 上 render 好組件等, 可以利用 nuxt.js / next.js 去實作 SSR

Nuxt 三大類

1. 配置 — nuxt.config.js 、 module、plugin
2. 頁面 — layout 、page、router、component
3. 數據資料 (data) — middleware、vuex、aysncData、fetchData