iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

VUE見我,走在時代的前端 系列

Vue.js 以其簡潔易用和高效的特性脫穎而出。作為一個漸進式的 JavaScript 框架,Vue.js 允許開發者從簡單的互動組件到複雜的單頁應用程式 (SPA) 構建一切,並且不需要一開始就全盤重寫已有代碼。Vue.js 的核心理念是輕量級和易上手,它提供了一種靈活且直觀的方式來構建用戶界面,這使得它成為許多開發者和企業的首選工具。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊NUTC imac
DAY 1

DAY 1 前言

大家好,我非常高興又再次參加鐵人賽,這也是我第二次參加鐵人賽,有了前一次的經驗,希望這次能退去之前的青澀,展現過去學習到的經驗,應用在這次的鐵人賽。 而我這次要...

2024-09-09 ‧ 由 SHAO 分享
DAY 2

DAY2 Vue簡介

Vue.js 是一個漸進式的 JavaScript 框架,主要用於構建用戶界面。它由尤雨溪(Evan You)於 2014 年創立,經過數年的發展,已成為全球最...

2024-09-10 ‧ 由 SHAO 分享
DAY 3

DAY3 Vue安裝教學

在本地安裝與配置 Vue 3 開發環境是學習和使用 Vue 3 的第一步。這篇文章將詳細介紹如何在本地機器上安裝 Vue 3,並提供步驟來配置一個完整的開發環境...

2024-09-11 ‧ 由 SHAO 分享
DAY 4

DAY4 Vue專案結構介紹

一個典型的 Vue 專案結構由多個文件和文件夾組成,它們一起定義了應用的組件、路由、狀態管理、樣式等。Vue 3 使用 Vue CLI 或 Vite 等工具來生...

2024-09-12 ‧ 由 SHAO 分享
DAY 5

DAY5 <script setup>是什麼

在 Vue 3 中,你可能會看到有些 .vue 文件的 部分使用了 setup,這是因為 Vue 3 引入了一個新的組件編寫方式,叫做 Composition...

2024-09-13 ‧ 由 SHAO 分享
DAY 6

DAY6 使用 Composition API:Vue 3 的新特性

Vue 3 引入了一個強大的新功能——Composition API,這是 Vue 3 其中一個最令人矚目的改變。相比於 Vue 2 的 Options API...

2024-09-14 ‧ 由 SHAO 分享
DAY 7

DAY7 Vue Composition API 和Options API 差異

Composition API 和 Options API 是 Vue.js 中兩種構建組件邏輯的方式,它們在組織和管理代碼上有所不同。Vue 2 引入了 Op...

2024-09-15 ‧ 由 SHAO 分享
DAY 8

DAY8 Template 基礎:如何在 Vue 3 中創建動態 UI

Vue 3 的模板語法是構建用戶界面的核心之一,它使得開發者可以使用簡單的 HTML 語法來定義動態的 UI。在這篇文章中,我們將深入探討如何使用 Vue 3...

2024-09-16 ‧ 由 SHAO 分享
DAY 9

DAY9 Vue 3 的響應式系統:從 ref 到 reactive 的轉變

Vue 3 帶來了一個全新的響應式系統,這是它最引人注目的改進之一。這個新的響應式系統極大地提升了應用性能,並使得開發者在編寫代碼時更加靈活且直觀。這篇文章將深...

2024-09-17 ‧ 由 SHAO 分享
DAY 10

DAY10 深入理解 Vue 3 的生命周期鉤子

在 Vue 3 中,生命周期鉤子是一個重要的概念,讓開發者能夠在不同階段對組件進行操作。這些鉤子函數會在 Vue 組件的不同生命週期階段被調用,這使得開發者可以...

2024-09-18 ‧ 由 SHAO 分享