iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端暴龍機,Vue2.x 進化 Vue3 系列

剛出社會,只會一點點 HTML, CSS, JavaScript,卻沒有框架而處處碰壁嗎? 你的痛處我也懂QQ
想當初...
哈,不過過去就過去了,現在學應該還來的急~


雖然自己 Vue 的技術只算堪用而已~~
不過還是希望透過鐵人賽的30天文章,盡力帶大家走進前端框架的大門
內容主要介紹" Vue " 這個前端框架,會從 Vue 2.x 開始介紹,到介紹 Vue 3
~第一次參加鐵人賽,期許可以挑戰成功

鐵人鍊成 | 共 30 篇文章 | 24 人訂閱 訂閱系列文 RSS系列文 團隊請付費解鎖團隊名稱
DAY 21

[前端暴龍機,Vue2.x 進化 Vue3 ] Day21. 『小專題◕ᴥ◕』 Vue 旅遊小幫手(二)

今天繼續來增加功能,並再取得另一批資料來使用 目標四,再加入旅館 API 有了景點,再來解決住的部份,所以我們再繼續加入另一支 API ,取得旅館的訊息高雄市一...

2021-09-30 ‧ 由 gior__ann 分享
DAY 22

[前端暴龍機,Vue2.x 進化 Vue3 ] Day22. Vue 旅遊小幫手(完成)

終於來到 Vue2.x 介紹的尾聲了,藉由完成今天自己的旅遊小幫手範例一起收尾吧,GO~ 加入 YouBike 的訊息進去 1. 根據選擇地區篩選 YouBik...

2021-10-01 ‧ 由 gior__ann 分享
DAY 23

[前端暴龍機,Vue2.x 進化 Vue3 ] Day23.正式進化-Vue3 起手式

ゴキゲンな蝶になってきらめく風に乗って今すぐキミに会いに行こう余計な事なんて忘れた方がマシさ .... Vue2.x 進化 回憶起當時的數碼寶貝經典...

2021-10-02 ‧ 由 gior__ann 分享
DAY 24

[前端暴龍機,Vue2.x 進化 Vue3 ] Day24.Vue3 Options API & Composition API 介紹

在 Vue3 中我們可以使用 Options API 或是 Composition API 選擇一種方式來撰寫,下面來看看甚麼是 Options API ? 甚...

2021-10-03 ‧ 由 gior__ann 分享
DAY 25

[前端暴龍機,Vue2.x 進化 Vue3 ] Day25. Vue3 Composition API 使用(一)

在 Composition API 當中我們可以將響應式資料和相關業務邏輯結合到一起,是因為 Vue3 的 setup 方法 setup setup 是 V...

2021-10-04 ‧ 由 gior__ann 分享
DAY 26

[前端暴龍機,Vue2.x 進化 Vue3 ] Day26. Vue3 Composition API 使用(二)

前一篇說到 該怎麼寫 data 的資料,找回雙向綁定機制 !!!這邊先小小的補充一下 XD 在 Options API 我們 data 裡定義到的東西都可以被...

2021-10-05 ‧ 由 gior__ann 分享
DAY 27

[前端暴龍機,Vue2.x 進化 Vue3 ] Day27. Vue3 ref & reactive 小練習

說了那麼多,感覺還是有點模糊~ 沒關係,我可能也差不多 ( 哈哈 所以還是透過實作練習,讓自己更了解,看見那更明朗的天空吧 目標 : 透過串接 API 接收取到...

2021-10-06 ‧ 由 gior__ann 分享
DAY 28

[前端暴龍機,Vue2.x 進化 Vue3 ] Day28.Vue3 小補充 Magic ~

下面來介紹一下,Vue 3 的一些小小魔法(個人覺得很 Magic ~ 哈哈),有些是補充說明,有些可能會很少使用到,就連官方都有提醒 " 請謹慎使用...

2021-10-07 ‧ 由 gior__ann 分享
DAY 29

[前端暴龍機,Vue2.x 進化 Vue3 ] Day29.Vue3 網頁小遊戲(一) | ♾ 台版魷魚遊戲,玩?還是不玩?

免責聲明:最近跟著中了"魷魚遊戲"的毒,哈哈哈這個遊戲,相信大多數的人都有玩過~不過,我們的遊戲沒有大筆獎金,也不需要打打殺殺 XD 所以...

2021-10-08 ‧ 由 gior__ann 分享
DAY 30

[前端暴龍機,Vue2.x 進化 Vue3 ] Day30.Vue3 網頁小遊戲(完結篇) | ♾ 台版魷魚遊戲,玩?還是不玩?

終於~ 來到鐵人賽的最後一天啦今天的工作就是把小專題剩下的功能給完成,為這次的鐵人賽歡呼~ 完賽啦!!! 我的 vue 翻牌配對小遊戲 修改為按下卡牌後只將該卡...

2021-10-09 ‧ 由 gior__ann 分享