iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

從零開始學習TypeScript、Vue.js !! 系列

本次主題延續去年的方向,同樣以《TypeScript x Vue.js 一氣呵成 前端開發大白到大神》張益琿編著,此書為核心參考,但將焦點更深入放在 Vue.js 的應用與特色上。Vue.js 作為現今前端開發中廣受歡迎的框架,擁有簡潔易上手的語法與強大的組件化設計,能夠大幅提升開發效率與專案維護性。帶大家一同認識 Vue.js 的核心觀念、元件設計思維以及如何結合 TypeScript 提升程式的可讀性與安全性。希望透過分享,讓參與者能更加理解 Vue.js 的價值與應用潛力,進一步拓展前端開發的視野。

參賽天數 14 天 | 共 16 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11

實作二:彈球遊戲 今天要做的這個實作,應該有些人都玩過類似的遊戲,規則非常簡單,球體會在畫面中飛來飛去,碰到左右及上方的牆體就反彈,而下方會有一塊擋板給你進行...

2025-09-25 ‧ 由 jay0519 分享
DAY 12

Day 12

首先先來替前幾天做的練習做個總結吧! 這幾天主要介紹了如何透過Vue快速地實現各種事件的監聽與處理,在應用程式開發中,處理事件是非常關鍵的一環,它是應用...

2025-09-26 ‧ 由 jay0519 分享
DAY 13

Day 13

關於Vue應用與元件 Vue 框架將標準的網頁開發抽象為以元件為單位的結構化方式。在Vue中,一個網頁甚至整個網站都可以被視為一個應用程式。應用程式內可以定義...

2025-09-27 ‧ 由 jay0519 分享
DAY 14

Day 14

Vue應用的資料設定選項 除了昨天提到的data選項及methods選項以外,還有其他選項,分別是computed選項、props選項以及watch選項。 c...

2025-09-28 ‧ 由 jay0519 分享
DAY 14

Day 15

定義元件 當我們建立 Vue 應用實例後,使用mount方法可以將其綁定到指定的HTML元素上。應用實例可以使用component方法來定義元件,定義好元件後...

2025-09-30 ‧ 由 jay0519 分享
DAY 14

Day 16

定義元件 接續上次提到的,當需要使用自訂的元件時,只需要使用元件名稱標籤即可,例如: <div id="Application"&...

2025-09-30 ‧ 由 jay0519 分享