nuxt

爲什麼使用nuxt.js? 官網 https://zh.nuxtjs.org/guide/async-data
vue單頁面應用渲染是從服務器獲取所需js,在客戶端將其解析生成html掛載於
id爲app的DOM元素上,這樣會存在兩大問題。
由於資源請求量大,造成網站首屏加載緩慢,不利於用戶體驗。
由於頁面內容通過js插入,對於內容性網站來說,搜索引擎無法抓取網站內容,不利於SEO。
Nuxt.js 是一個基於Vue.js的通用應用框架,預設了利用Vue.js開發服務端渲染的應用所需要的各種配置。可以將html在服務端渲染,合成完整的html文件再輸出到瀏覽器。

除此之外,nuxt與vue還有一些其他方面的區別。
1.路由
nuxt按照 pages 文件夾的目錄結構自動生成路由
vue需在 src/router/index.js 手動配置路由
2.入口頁面
nuxt頁面入口爲 layouts/default.vue
vue頁面入口爲 src/App.vue
3.webpack配置
nuxt內置webpack,允許根據服務端需求,在 nuxt.config.js 中的build屬性自定義構建webpack的配置,覆蓋默認配置
vue關於webpack的配置存放在build文件夾下

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章