iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

重新認識 Vue.js 系列

自從踏入前端的世界後,使用過了許多的框架以及套件,然而都是只能在框架之上進行搭建,內部在做什麼卻完全不曉得,來嘗試看看究竟這次能夠鑽到什麼東西吧!

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 1

重新認識 Vue.js - Day 01:前言與大綱

陸陸續續前端也寫了一段時間了,除了怎麼用,總是要探討一下用什麼接下來的這段時間會介紹一些使用現代框架的原因以及差別,還有一些些的如何達成這些功能這邊就獻上大綱啦...

2023-09-01 ‧ 由 呆呆小將 分享
DAY 2

重新認識 Vue.js Day02:網頁架構的轉變

網頁的發展 在網頁的發展史當中,到目前為止已經從 web1.0 的純觀看用網頁,到 web2.0 互動式網頁,以及目前正在蓬勃發展的 web3.0 去中心化應用...

2023-09-02 ‧ 由 呆呆小將 分享
DAY 3

重新認識 Vue.js Day03:使用 CDN 掛載 Vue2

從 CDN 開始吧 Vue.js 主打的其中一個重點就是漸進式框架,可以讓你根據想用到的東西以及深度,慢慢的把套件塞進去,今天我們先從最基本的 CDN 引用開始...

2023-09-03 ‧ 由 呆呆小將 分享
DAY 4

重新認識 Vue.js Day04:雙向綁定的最小實現

安全的度過了第一個週末,先訂個小目標:順利完成七天發文吧!! 教練,我要用這個黑科技! 在剛開始懵懂無知時,連 JavaScript 都還沒摸熟的我因緣巧合之下...

2023-09-04 ‧ 由 呆呆小將 分享
DAY 5

重新認識 Vue.js Day05:雙括號置換

今天要來介紹另外一個非常神奇的東西,Vue 的模板雙括號置換 若是已經開始練習使用 Vue 的朋友在第一次使用像是 {{message}} 這類的東西的時候一定...

2023-09-05 ‧ 由 呆呆小將 分享
DAY 6

重新認識 Vue.js Day06:樣板渲染

昨天打完文章有點茫然了,竟然忘記這個還沒講,讓我們今天先補上吧 Vue 是怎麼切換畫面組的? 首先我們要先建立一個基本觀念就是 Vue 是透過模組切換來達成不同...

2023-09-06 ‧ 由 呆呆小將 分享
DAY 7

重新認識 Vue.js Day07:標籤屬性和事件以及修飾符

想當年剛出來混的時候,看到這種 inline 寫法都會覺得這樣不會不好管理嗎 <button onclick='XXX'> 然後過了幾年,自己的代...

2023-09-07 ‧ 由 呆呆小將 分享
DAY 8

重新認識 Vue.js Day08:條件渲染

來到了第八天,今天我們的重點是是 v-if v-show v-for 以及 template v-if 與 v-show 我們先從這兩個看似很相近的內容開始說吧...

2023-09-08 ‧ 由 呆呆小將 分享
DAY 9

重新認識 Vue.js Day09:computed 以及 watch

在前幾天的範例當中,我們知道了可以透過雙向綁定來達成當值更換時視圖也更新的功能,然而當我們想在視圖上顯示被處理過的資料但又不想破壞原屬性時,除了在雙括號裡面使用...

2023-09-09 ‧ 由 呆呆小將 分享
DAY 10

重新認識 Vue.js Day10:生命週期

在 Vue2 當中,從將組件給 Vue 託管開始,會經歷幾個階段,而 Vue 提供已經定義好的鉤子函式(Hook Event)來讓開發者可以在不同階段做出相對應...

2023-09-10 ‧ 由 呆呆小將 分享