🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化》👀 Nuxt v4 內容與...
前言 第一天的文章裡，我們建置了陽春的專案，初始狀態下只有一些套件的設定檔，沒有其他的資料夾，也許會疑惑「接下來呢？自由發揮嗎？」不用擔心，在官方文件的的 Directory Structure 中有...
基礎知識 Nuxt3 是基於 Vue3，兼具前後端環境的 Framework，因為有後端，所以可以使用 SSR 來優化網站的 SEO，本系列文章會針對 Nuxt3 和相關套件的使用來撰寫，不會針對 V...
今天我們要來創立第一個 Nuxt 的專案啦首先先在電腦內安裝套件，並且建立第一個專案 npm install @create-nuxt-app create-nuxt-app <project-...
在對 Nuxt 感興趣之前，相信有許多人已經接觸過一陣子的 Vue 了，若產出的網站為 SPA (single page application)，會遇到的一個大問題就是 SEO，雖然 google...
問題回答 Vue 是 SPA 框架，而 Nuxt 是 Vue 生態系裏的一個能同時實現 SPA 和 SSR 的框架。SPA 的主要技術是不用重刷頁面來更新頁面內容，而是透過切換元件來達成切換頁面的效果...
前言 不論在哪個環境開發，都會使用到一些插件、套件，我們應該如何在 Nuxt.js 使用呢？又要如何配置呢？今天將針對常用的一些套件，像是預處理器( SCSS 、 PUG )、 jQuery 、 Bo...
layout 属性 我們可以使用 layout 屬性來套用放置於 layouts 的布局。 export default { layout: 'FrontEnd', // 或 layout...
你知道 pages 的 vue 元件多了什麼功能嗎？ 經過昨天的介紹，我們都知道 pages 是拿來放各頁面的 vue 元件，也知道 router 會依照 pages 目錄結構來生成配置，除了這些之外...
Nuxt.js 跟 Vue-Router 是什麼關係？ 有使用過 vue-router 的捧由，別緊張，就當作我們用的就是 vue-router 沒有錯啦！Nuxt.js 依據 pages 目錄結構自...