iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

新手也看得懂的 Vue.JS 前端 系列

一個新手都看得懂的 Vue.JS 新手前端,專門給沒接觸過前端網頁開發,且不知道如何下手 Vue.JS 的人。本教學文章透過淺顯易懂的方式,且不會塞過多的資訊給新手,讓大家都有辦法快速吸收。

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

新手也看得懂的 Vue.JS 前端 - 前言 - Day 0

前言 這幾年前端變得很火,好像大家都開始往前端發展,前端工程的行業變得越來多人參與,雖然我知道很多人已經寫過類似文章拉XD,這也是我第一次寫教學文章,如果有誤歡...

2025-09-15 ‧ 由 TershiXia 分享
DAY 2

Vue.JS是什麼? - Day 1

在開始學習 Vue 之前,我想先介紹一下 Vue.JS 是什麼,以及這個框架的開發背景。我們先知道這個框架的大致方向及特色,我們就會對 Vue 這個框架有更深層...

2025-09-16 ‧ 由 TershiXia 分享
DAY 3

TypeScript 究竟是什麼呢?它為什麼重要? - Day 2

我們學習 Vue 的時候,應該常常都會聽到 TypeScript,這個章節它是非必要,但我覺得也是挺重要的一環,那就讓我娓娓道來吧! 為了更快速理解,也減少字數...

2025-09-17 ‧ 由 TershiXia 分享
DAY 4

Day 3 - 一起來安裝 Vue.js 及 Vite 吧!

前兩篇我們介紹了什麼是 Vue.js,以及介紹了我們接下來要寫的語言 Typescript,那接下來要進到我們的「環境建置及設置」了。接下來我們這一篇,會著重在...

2025-09-18 ‧ 由 TershiXia 分享
DAY 5

Day 4 - Vue 的檔案結構

前一篇文章,我們已經把 Vue 給安裝起來了,接下來我們就要開始介紹 Vue 的檔案結構以及程式碼結構。那我們廢話就不多說了,開始吧! 檔案結構介紹 我們在寫...

2025-09-19 ‧ 由 TershiXia 分享
DAY 6

Day 5 - 什麼是 Component 組件?

上一篇我們聊到了 Vue 的檔案結構,我們用現實生活中的東西來比喻這些檔案。今天我們就來講講作為「積木」的 Component。 如果你對 HTML5 語意化標...

2025-09-20 ‧ 由 TershiXia 分享
DAY 7

Day 6 - Composition API 及 Option API 是什麼?以及差別是?

上一篇我們聊到了 Component,也做了一個小小的卡片。今天我們就要來講一個常常會讓新手有點混亂的東西,那就是 Composition API 跟 Opti...

2025-09-21 ‧ 由 TershiXia 分享
DAY 8

Day 7 - 淺談 Vue2 與 Vue3 的差別

上一篇我們聊到了 Components 的使用方式。那讀者可能會想:網路上有些文章教 Vue2,有些文章教 Vue3,那這兩個到底差在哪?今天我們就來聊聊 Vu...

2025-09-22 ‧ 由 TershiXia 分享
DAY 9

Day 8 - 我們來看看基本語法吧!

上一篇我們聊了 Vue2 與 Vue3 的差別,這篇我們就來聊聊「Vue 的基本語法」吧!我們現在就真的要來進入語法的部分了。 插值語法(Interpolati...

2025-09-23 ‧ 由 TershiXia 分享
DAY 10

Day 9 - 單向綁定是什麼?

上一篇我們聊了 Vue 的基本語法,應該已經慢慢上手了吧?那這一篇我們就要來講一個前端框架裡面非常重要的觀念 單向綁定。這個名詞可能聽起來有點抽象,但其實概念超...

2025-09-24 ‧ 由 TershiXia 分享