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 11

[Day 11] Vue 3 Lifecycle Hooks 實戰

在"[Day 7] Vue 3 生命周期與基礎語法"這篇中已經向各位介紹過生命周期的觀念了,這裏補充一張官方的圖片,讓各位更加瞭解生命周期的...

2023-09-16 ‧ 由 dogcom0228 分享
DAY 12

[Day 12] 關於Props的點點滴滴

什麽是props? Props是Vue框架中用於在父組件傳遞數據到子組件的一種機制。它允許你將數據從一個組件傳遞到另一個組件,以便在子組件中使用這些數據。 為什...

2023-09-17 ‧ 由 dogcom0228 分享
DAY 13

[Day 13] 看起來很複雜的Emit……

在上一章中,我們説到關於父組件傳值給子組件,我們可以先在子組件定義好要接收的key和它的型別(type),接下來我們要聊聊如何從子組件傳值給父組件。在子組件中,...

2023-09-18 ‧ 由 dogcom0228 分享
DAY 14

[Day 14] 基本的路由概念和Vue-Router

在前端和後端開發中,常見的路由器(router)是指用於管理和處理網絡請求的工具或組件。這些路由器有不同的用途和實現方式,但它們的主要目標都是將請求路由(rou...

2023-09-19 ‧ 由 dogcom0228 分享
DAY 15

[Day 15] Vue-Router實戰以及進階使用

實戰部分: 昨天教大家怎麽去創建一個Vue-Router,今天就來教大家怎麽使用RouterLink和RouterView去將畫面渲染出來。 像如果是只有前端的...

2023-09-20 ‧ 由 dogcom0228 分享
DAY 16

[Day 16] 用Vuetify優雅地開發前端RWD(響應式)網頁(一)

30天已經過去了一半,我們終於!終於!終於!要進入到Vuetify的世界了,不管你是前端工程師,或是UI/UX設計師,如果你的專案有使用到Vue框架的話,多多少...

2023-09-21 ‧ 由 dogcom0228 分享
DAY 17

[Day 17] 用Vuetify優雅地開發前端RWD(響應式)網頁(二) 實際題目練習

昨天介紹了一些基本的Vuetify佈局和概念,我們現在就可以來看看其他的Component。 v-system-bar 看到上面那個顯示信號、電池和時間的bar...

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

[Day 18] 用Vuetify優雅地開發前端RWD(響應式)網頁(三) 實際題目練習

讓我們繼續昨天的練習,我們這邊可以先想一想,一般來説這樣類型的官網他們的首頁都是一些什麽内容。象是我們常用的輪播圖,Vuetify也内建給我們了: v-caro...

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

[Day 19] 用Vuetify優雅地開發前端RWD(響應式)網頁(四) 實際題目練習

我們在之前所作出來的首頁只有畫面而沒有功能,我們今天就來完成它的一些功能的部分。首先我們先來改一下它的index.html<title>小明寵物店&...

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

[Day 20] 用Vuetify優雅地開發前端RWD(響應式)網頁(五) 實際題目練習

今天我們要開始來填充我們的購物頁面,我們先來用ChatGPT產生一筆假資料來假裝我們從後端取得了的資料: <script> export defau...

2023-09-25 ‧ 由 dogcom0228 分享