iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

RRR撞到不負責之 Laravel + Nuxt.js 踩坑全紀錄 系列

紀錄以 Laravel + Nuxt.js 開發 side project 的各種打怪和踩坑的歷程

鐵人鍊成 | 共 31 篇文章 | 38 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21. Nuxt page component 粉墨登場

Vue component 熟悉之後,今天要接著介紹 pages 底下的 Vue component 多了那些屬性以及相關介紹,為了避免混淆,以下稱為 page...

2019-09-22 ‧ 由 albert41 分享
DAY 22

Day 22. 話說 Nuxt 的 VueRouter 呢?

在 Vue 專案中,透過設定 VueRouter 制訂各個頁面的 URL 以及各種畫面結構安排,但在 Nuxt 專案中,不再需要透過設定,pages 的目錄結構...

2019-09-23 ‧ 由 albert41 分享
DAY 23

Day 23. Vuex 和 Cookie 哪個好? 小朋友才做決定,我兩個都要

原打算在介紹完 page component 之後繼續介紹個 layout component 和 <slot>,但因為這兩個相對簡單所以還是不要打...

2019-09-24 ‧ 由 albert41 分享
DAY 24

Day 24. Plugin - 懶人救星

Nuxt 的 plugins 有分為 「VueComponent 實例」、「Nuxt context」以及「整合至兩者」的三種不同類型的 plugin,今天除了...

2019-09-25 ‧ 由 albert41 分享
DAY 25

Day 25. 說好的 window 和 document 呢?

在傳統許多 JS 套件都是和畫面渲染以及 HTML Dom 有關。然而 Nuxt 是 SSR,因此在使用套件 (或是自己開發) 的過程中,可能會遇到「windo...

2019-09-26 ‧ 由 albert41 分享
DAY 26

Day 26. 手把手造個輪子 - Form 表單 (文長慎入)

講了這麼多,也該是要造個輪子練練手感了。事實上使用 Vue 等前端框架,最主要就是 component 可以重複利用,所以練手感歸練手感,如果沒有太多的 UI/...

2019-09-27 ‧ 由 albert41 分享
DAY 27

Day 27. 居家旅行、殺人滅口,必備良藥 -「註冊」、「登入」與「登出」

差點就要開天窗了...,今天整理之前的介紹,實際用 Laravel 和 Nuxt 做了最雛形的網站包含了「註冊」、「登入」和「登出」功能,有興趣的鐵人大大可以到...

2019-09-28 ‧ 由 albert41 分享
DAY 28

Day 28. 別鬧了,定義個樣式 class name 寫得有夠長 - SCSS 基礎介紹

如果你也覺得 CSS 不容易維護重複使用、每次要定義比較深層 dom element 的樣式,CSS 要寫的超級長 ... 等一堆怨言,那一定要來寫寫看 SCS...

2019-09-29 ‧ 由 albert41 分享
DAY 29

Day 29. 博大坑深的 Docker 部屬 - laradock (1/2)

太久沒有用 Docker 差點忘光了,今天主要介紹基本的 Docker 指令以及如何使用 laradock 架設 Laravel 專案,沒錯,你以為惱人的環境設...

2019-09-30 ‧ 由 albert41 分享
DAY 30

Day 30. 博大坑深的 Docker 部屬 - Nuxt (2/2)

昨天介紹完 laradock 今天要把最後的 Nuxt 架起來。和 laradock 不一樣,小弟這邊沒有特別去找 image 或是開源,而是土炮自製了一個也順...

2019-10-01 ‧ 由 albert41 分享