iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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


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

鐵人鍊成 | 共 30 篇文章 | 8 人訂閱 訂閱系列文 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 ,第一個 V...

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 分享