iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

主題:Vue.js 從入門到精通:建構動態前端應用程式 系列

Vue.js 已經成為建構現代前端應用程式的強大工具,它結合了易學易用的特性和高度的可擴展性,使開發者能夠快速構建交互性豐富、高效的網頁應用程式。本主題將帶您深入探索 Vue.js,從基本概念到進階技巧,逐步建立動態前端應用程式的能力。

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

Day 1: Vue.js 簡介

前言 暑假因為實習而接觸到了 Vue 這個前端框架,剛好趁著這次鐵人賽,想整理這兩個月所學習到的知識和大家分享。 在這個系列中,我們將從 Vue 的基本觀念開始...

2023-09-16 ‧ 由 RNG 分享
DAY 2

Day 2: Vue實例與資料繫結

昨天介紹完了幾個 Vue 的重要特性,今天就要實際教大家如何撰寫 Vue 啦! 以下為今天的幾個重點: 認識 Vue 實例的建立 介紹資料繫結 撰寫第一個簡單...

2023-09-17 ‧ 由 RNG 分享
DAY 3

Day 3: Vue 模板語法、過濾器

前言 Vue.js 提供了模板語法的方式來定義應用程序的界面,用於渲染組件的內容。透過模板語法能夠將 HTML 和 JavaScript 整合在一起,使我們能夠...

2023-09-18 ‧ 由 RNG 分享
DAY 4

Day 4: 常用的 Vue 指令(上)

昨天介紹完了 Vue 模板語法中的插值語法及過濾器的使用,它們是 Vue 中非常重要的一部分。不過,還有另一種重要的模板語法,那就是指令。接下來兩天會和大家介紹...

2023-09-19 ‧ 由 RNG 分享
DAY 5

Day 5: 常用的 Vue 指令(下)

上一篇介紹完了v-bind、v-on及v-model的用法,今天會繼續和大家介紹其他常用的 Vue 指令。 v-for 如同大家熟悉的 forEach ,用於迭...

2023-09-20 ‧ 由 RNG 分享
DAY 6

Day 6: Vue CLI 介紹及安裝

在先前的練習中,我們都是使用在 HTML 內匯入 Vue.js 的方式,如下: <script src="https://cdn.jsdeliv...

2023-09-21 ‧ 由 RNG 分享
DAY 7

Day 7: Vue 表單輸入元素的綁定和驗證。

在本篇文章中,我們將透過前幾天所提到的指令來實現表單輸入元素的綁定和驗證,內容也包括了自定義驗證規則和錯誤處理。 使用Vue的表單元件 首先,讓我們討論如何使用...

2023-09-22 ‧ 由 RNG 分享
DAY 8

Day 8: 使用第三方套件

在開始實作前,我們先來介紹一些在前端界面開發中常用的套件,這些套件可以用來輔助介面的開發,並且提高開發效率,也可以為我們製作的專案增添更多視覺上的吸引力及功能性...

2023-09-23 ‧ 由 RNG 分享
DAY 9

Day 9: 響應式的網頁佈局

昨天介紹了Element Plus套件裡的一些元件,接下來要介紹的是Element Plus 的 Layout,來對網頁進行排版佈局。 響應式的網頁佈局可以根據...

2023-09-24 ‧ 由 RNG 分享
DAY 10

Day 10:1a2b 實作(上)

透過前幾天的學習,現在已經具備了足夠的技能完成一個小遊戲!今天就透過實作1A2B的小遊戲來複習前面所學到的吧! 規劃流程 製作一個1A2B遊戲可以分為幾個主要步...

2023-09-25 ‧ 由 RNG 分享