iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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


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

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

[前端暴龍機,Vue2.x 進化 Vue3 ] Day1.在認識vue之前(一)

[講古時間]: 回憶過去~ 痛苦的相思忘不了~哈哈,記得剛出社會時,雖然說是張白紙,不過可能太白~ 導致處處碰壁現在就來學學框架,跟著小白一起進化吧~感覺會...

2021-09-10 ‧ 由 gior__ann 分享
DAY 2

[前端暴龍機,Vue2.x 進化 Vue3 ] Day2.在認識vue之前(二)

在認識 Vue 之前,前一篇已經介紹了資料驅動畫面跟雙向綁定的概念了今天再介紹一個 MVVM架構~ 3.MVVM 架構 記得~當初白紙白到連這個都講得哩哩辣辣(...

2021-09-11 ‧ 由 gior__ann 分享
DAY 3

[前端暴龍機,Vue2.x 進化 Vue3 ] Day3.在認識vue之前(三)

終於~來到了在認識vue之前,我整理的最後一個部份了 會有在認識vue之前的這部份,主要是自己認為可以先搞懂這些特性,後面的應該會更好理解 (應該 XD~這...

2021-09-12 ‧ 由 gior__ann 分享
DAY 4

[前端暴龍機,Vue2.x 進化 Vue3 ] Day4. Vue的生命週期

開心,終於正式進入 Vue 的介紹了~在了解 Vue 的寫法前,有個重要的觀念必需去了解,那就是 Vue的生命週期其實我覺得,不管是不是 vue 還是其他的前端...

2021-09-13 ‧ 由 gior__ann 分享
DAY 5

[前端暴龍機,Vue2.x 進化 Vue3 ] Day5. Vue的起手開發

接下來,開始看看如何著手進行 Vue 的開發吧這邊都是透過最原始、最簡單的網頁開發模式進行,所以不會介紹到 Cli 的方式~ Hello Vue ,第一個 Vu...

2021-09-14 ‧ 由 gior__ann 分享
DAY 6

[前端暴龍機,Vue2.x 進化 Vue3 ] Day6. 模板語法

模板語法 在上一篇我們已經完成了我們第一個 Vue 建出來的 Hello Vue 網頁,其中我們有學到一種渲染內容的模板語法 {{ }},那麼今天就再來學學其他...

2021-09-15 ‧ 由 gior__ann 分享
DAY 7

[前端暴龍機,Vue2.x 進化 Vue3 ] Day7. Vue資料的使用方式

Vue資料的使用方式 在前一篇中,我們已經會一些用來表示內容的方式了,但僅僅只是呈現~所以今天就會來點互動,主要是透過輸入框、下拉選單...等方式來接收使用者的...

2021-09-16 ‧ 由 gior__ann 分享
DAY 8

[前端暴龍機,Vue2.x 進化 Vue3 ] Day8. v-model 修飾符 -- 省下自己寫 JS 處理的時間

v-model 修飾符 Vue 裡面為 v-model 提供了一些可以用的修飾符,主要是可以幫我們限制一些使用者輸入的行為以下透過範例講解每個修飾符幫我們做了甚...

2021-09-17 ‧ 由 gior__ann 分享
DAY 9

[前端暴龍機,Vue2.x 進化 Vue3 ] Day9.計算屬性 computed

甚麼是計算屬性? 甚麼時候用計算屬性? 接下來帶大家來看看,也會搭配一些例子~ 甚麼是計算屬性? computed 是 Vue 提供的 計算屬性,它可以幫我們運...

2021-09-18 ‧ 由 gior__ann 分享
DAY 10

[前端暴龍機,Vue2.x 進化 Vue3 ] Day10.條件渲染

當我們有區分,在某種條件下看到的會是 A 畫面,某一些條件下看到的會是 B 畫面...的情形,例如每個會員權限不同所可以使用的功能不同就是一個簡單的例子,這時就...

2021-09-19 ‧ 由 gior__ann 分享