iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

Vue 3 之我不會寫Code,我寫的都是Bug 系列

如果你覺得你看不懂官方文檔到底在工X小,那你可能需要去看英文版的(疑?!)
不對不對,那就來看我這一系列的文章吧!
從最入門的語法到跟後端做結合,在這一系列的文章你會學到:
1.Vue3的基礎概念和語法
2.Vue進階原理
3.Vue結合Vuetify,搭建一個靜態的個人網站在 github.io 上
4.Vue和Laravel做結合
GitHub: https://github.com/LiangJin0228/learnVueWithLiangJin
ps:本系列文章涉及知識範圍較廣且可能會比較有難度,需先掌握前端基本技術(HTML、CSS、JS)才來學

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

[Day 21] Vue 的 Mixin是什麽東西?!我需要用到Mixin嗎?

還記得我們昨天做了瀏覽商品的頁面和功能嗎?對,我們今天沒有要繼續。不知不覺已經21天了,我們接下來的進度會是繼續完成我們的專案。然後,我們會嘗試著將它掛載到gi...

2023-09-26 ‧ 由 dogcom0228 分享
DAY 22

[Day 22] Vue 的 slot,我的超人

來咯來咯今天第22天,明天上班之後就要放假了,各位中秋連假已經準備好去哪裏玩了嗎。可是我們的每日學習也不要落下,我們今天就來講解Slot這個東西。 Vue 3...

2023-09-27 ‧ 由 dogcom0228 分享
DAY 23

[Day 23] Vuetify專案練習-登入系統(上)

今天來教大家簡單製作登入系統的前端。可能有的人會有疑問,不就是登入界面和注冊界面嗎?這還需要別人來教?當然,如果只是簡單的登入登出,注冊賬號的系統可以很簡單就只...

2023-09-28 ‧ 由 dogcom0228 分享
DAY 24

[Day 24] Vuetify專案練習-登入系統(中)

今天繼續完成昨天的登入界面,我們今天簡單來做個注冊頁面。我們可以先來看成果: 前端驗證的部分,我們所有欄位必須填入,并且符合驗證才能按下按鈕,我們可以用兩種辦...

2023-09-29 ‧ 由 dogcom0228 分享
DAY 25

[Day 25] Vuetify專案練習-登入系統(下)

今天來講登入系統的頁面完成,明天就教大家怎麽把靜態網頁部署到 github.io 。 我們今天先在appbar加上導航到Register頁面的btn。 <...

2023-09-30 ‧ 由 dogcom0228 分享
DAY 26

[Day 26] 手把手教你將專案部署在Github Page上面

今天要來教大家如何將專案部署在github上面,github的部署的方式之一,就是創建一個gh-pages的branch。我們現在從一開始手把手教大家。 步驟一...

2023-10-01 ‧ 由 dogcom0228 分享
DAY 27

[Day 27] Vue和Laravel的前後端分離設計思路

今天進入第27天,雖然我們的進度比我預想的落後了一些,但是我覺得第一次參加鐵人賽的情況下,而且是不小心開賽(手賤按到發佈)的情況下還能堅持不斷更已經是有點難得了...

2023-10-02 ‧ 由 dogcom0228 分享
DAY 28

[Day 28] 在Laravel專案安裝Vue~實作

今天要來教大家實作的部分,但是在開始之前,你需要:確保你已經成功安裝 Laravel 並設置好你的開發環境,包括 PHP、Composer、Node.js 和...

2023-10-03 ‧ 由 dogcom0228 分享
DAY 29

[Day 29] 前後端API串接之Vue和Laravel

在使用Laravel和Vue.js創建前後端分離架構時,通常使用API來進行前後端數據交互。下面是一些步驟,使用API來串接Laravel和Vue.js: 創...

2023-10-04 ‧ 由 dogcom0228 分享
DAY 30

[Day 30] Vue之超優質的資源分享(滿滿乾貨)

終於第30天啦!!今天來和大家分享一些學習Vue的超好的資源,其中有付費的免費的,文章、影片都有: 官方資源: Vue.js - The Progressive...

2023-10-05 ‧ 由 dogcom0228 分享