偶而還是會碰到某些區塊不想預先渲染,把某一區塊渲染的負荷分到 Browser,跟SPA一樣做CSR 今天主題寫另一個內建元件 - <no-ssr>...
根據 文件 所寫 就目前而言 <nuxt-link> 和 <router-link> 一樣 點擊功能太常用,身為工程師還是看個仔細實...
今天還沈浸在昨天 Vue Fes Japan 2018 的興奮狀態,雖然是滿滿的收穫,但還是要回到現實繼續寫鐵人賽,根本日本鐵人賽之旅...... 直接進入正題...
本篇要回溯「Nuxt 請求處理流程」,介紹 validate() 前一步驟 - Middleware Middleware 中文翻譯為 中介軟體、中間件、中介...
這篇打算介紹 Nuxt 可運行模式與解決情境其中兩種靠調整設定,決定是否需要 Node Server Universal SPA 以及單純靜態頁 靜態頁產...
昨天夜宿機場寫鐵人賽和搭飛機實在太累了,也完全沒睡到,到東京後找了一間 starbucks 瘋狂寫鐵人賽(其實是太累走不動),也寫了一個下午。 發佈這篇的同時,...
昨天有人問我引用圖片的路徑問題,答案整理成一篇補充雖說是圖片(image)、檔案(file)、樣式(css/scss/sass)、js等靜態資源,Nuxt 依其...
發這篇文的時候,我人在機場準備出發去參加 Vue Fes Japan 2018,人生第一次出國參加 conference 啊,好興奮! 所以這篇文就在桃園機場誕...
前幾篇提過頁面細部設定,對某一頁調 <head>、改 transition等細部調整。 有些調整,突然 PM 希望套用到整個網站,該怎麼辦?而前文介...
首先先複習一下所有 pages 的結構,在 Day12 Pages: 簡單介紹所有頁面大概有的功能 有介紹本專案的全部頁面。 今天來寫 admin 相關的所有頁...
這篇主題講「Nuxt 如何用 fetch 動態產生頁面內容」 用來補充頁面細部設定 複習一下 Nuxt 收到請求後的處理流程 asyncData 和 fetc...
這篇主題講「Nuxt 如何用 asyncData 動態產生頁面內容」 用來補充頁面細部設定 asyncData 在執行順序中,排在頁面渲染(render)前,回...
已經過了 21 天,終於要進入 Vuex 相關的章節。 在開始寫 code 之前,先分享一個 Vue 核心成員 Chris Fritz 今年的演講影片,介紹了...
從第 13 ~ 20 天,將部落格所需要的所有元件開發完畢,這便簡單複習一下目前有的元件: TheTags (顯示標籤) TheMarkdown (預覽...
這篇是頁面客製段落其三,主題講「Nuxt 頁面轉場效果如何調整」 回憶兩種暫態 正在讀取中 => 讀取效果 (Loading) 頁面切換中 =>...
這篇是頁面客製段落其二,主題講「Nuxt 頁面讀取效果如何調整」 用來補充頁面細部設定 讓我們回想錯誤頁面,是用來「呈現錯誤狀態的頁面元件」 而頁面渲染前,N...
今天開發的 FormAddPost 主要功能為 新增/修改 一篇文章的表單。 會用到之前寫的元件: TheMarkdown vue-codemirror Po...
接下來幾篇都屬頁面客製,這篇講「Nuxt 發生錯誤時,他怎麼判斷與反應」 先回顧這張流程圖 Nuxt 收到請求時,會經過這麼多步驟 而碰到不可預期的錯誤或頁面...
今天會擴充套件 codemirror 和 vue-codemirror。使我們在部落格中編輯或發佈文章時,輸入的 markdown 是會有高亮的,這篇是為了之後...
~~快要爆炸啦~~~~最近要趕工作~~~~快要齁不住了~~ 今天來寫一個文章摘要預覽的元件,主要有兩種模式: default: 使用者會看到的模式。 admi...
Nuxt 頁面元件跟 Vue File 哪裡不同? Nuxt Routing 自動映射介紹過,/pages 的 Vue File 對應各個頁面。 雖然寫法一樣,...
客製 SEO 資訊 上一章讓登入頁有了基本樣貌,但需要 SSR 是為了解決兩大問題 SEO SMO 具體怎麼做? 前端最基本的,在 埋對應的 Meta T...
經過了前面兩篇新增了 markdown-it 和 highlight.js,今天來開發 TheMarkdown 元件,因為所需要的套件和設定都已經在前兩篇完成,...
本來打算介紹 Nuxt 版面依功能劃分、由哪些區塊組成。 想到六角學院才比完《甜點電商PK賽》,現成切好的版面很好找,參賽選手也不少,拿來說明與練習再適合不過。...
highlight.js 可以幫助我們寫出有高亮的 markdown。 其實已經有寫好的 markdown-it 套件,markdown-it-highligh...
markdown-it 是一個 markdown parser。 官方 Demo 因為個人很喜歡寫 markdown,所以當然部落格也要可以用 markdown...
上一篇將 blog 所需要的頁面整體結構都建好了,但其實內容都還沒有做啊。 因為會用到許多套件,接下來的篇幅,會先將頁面所需要的元件寫完,再完成所有頁面的切版與...
如果看過上一篇的 layout/default 的截圖,可以大概了解 blog 的樣子。 這邊先簡單拆分為兩個部分: 管理者相關(使用 layout/admi...
這篇寫常用情境 產生新 Nuxt 專案 Vue.js SPA 寫一半,得追加 SSR 產生完整 Nuxt 專案 入門寫 Vue.js,新專案用 Vue-cl...
經過了十天,稍微回顧一下,目前的進度: 我們現在有一個 Nuxt 2.0 應用,UI framework 是使用 Vuetify,並透過 storybook 協...