目錄 Vue Mustache 複雜邏輯情境描述 Vue Mustache 優化 - 使用 methods 存放邏輯 定時器範例展示方法重複執行問題 Vue...
介紹 在 Vue 3 的世界裡，Composition API 為我們帶來了更靈活、更強大的組件編寫方式。而 @vueuse/core 和自定義 Compos...
介紹 響應式設計是現代 Web 開發中的關鍵能力，從手機到桌面應用，我們需要靈活地適應各種屏幕尺寸。UnoCSS 提供的 attributify 模式讓我們可...
介紹 在 Vue 3 中，Pinia 作為狀態管理庫，提供了靈活而強大的工具來管理應用的狀態。為了進一步提高 Pinia 的使用體驗，了解其底層機制和相關概念...
介紹 在開發大型應用時，確保用戶只能訪問他們有權限的頁面是非常重要的。Vue Router 提供了靈活的路由控制能力，可以結合角色權限實現應用的安全性。本文將...
介紹 在 Vue 應用開發中，表單驗證是一項至關重要的功能，尤其是當表單數據變得複雜且需要高度自定義時。Zod 作為一個強大的 JavaScript 驗證庫，...
今天要來針對Vue computed 這個API做個簡單紀錄，實務上用法很簡單，官方文件也是簡潔說明，但還是會看到滿多違反原則(anti-pattern)的用法...
目錄 JavaScript Proxy 物件 Options API - 響應式基礎 - this(proxy object) Options API -...
目錄 模板語言更新實際網頁 DOM 元素流程 文字插值(Text Interpolation) Vue 指令介紹 v-text：更新元素的文本內容，不解析H...
目錄 Vue 應用說明 Options API 與 Composition API 邏輯區塊寫法差異 Options API 特色說明 Compositio...
接續上一篇著重在Vue響應式系統的reactive() 使用，也理解它主要是針對物件型態資料做響應式資料綁定，今天一口氣來理解另一個Vue提供的響應式資料API...
上次有提到JS defineProperty(ES5)可以針對物件設定屬性時，同時追加一層攔截器(getter/setter)。 在 Vue 2 中，響應式系統...
介紹 在 Vue 3 中，Composition API 是一種更靈活的狀態管理方式，特別是當應用變得更加複雜時。Pinia 完全支持 Composition...
介紹 在 Vue 應用中，父子組件之間的數據傳遞和事件通訊是開發中最常見的操作。Vue 提供了 props 和 emit 機制，用於解決父組件向子組件傳遞數據...
目錄 Vue 鷹架工具產生基於 Vite 環境的專案樹狀結構 index.html：專案的入口文件 vite.config.js：Vite 應用的配置文件...
介紹 在現代前端開發中，CSS 工具和框架正在迅速演變。隨著應用的增長和設計的複雜化，如何靈活且高效地設計樣式變得至關重要。UnoCSS 是一個功能強大且靈活...
介紹 在構建單頁應用（SPA）時，路由管理是一個至關重要的部分。Vue Router 是 Vue.js 官方提供的路由解決方案，與 Vue 3 的 Compo...
前幾天我們都在摸索Vue的一些額外使用上的知識，之後章節會慢慢進入Vue如何做到資料更新。在實務開發中，我們經常依賴各種框架包裝好的API來管理物件或原始型別資...
今天要聊聊Vue3才有的<script setup>語法糖，看官網和許多教學影片都說是很好用的語法糖，又是新的Vue3 組合式API(composi...
介紹 在現代 Vue 應用中，狀態管理是一個非常重要的部分，尤其是當應用變得越來越複雜時，如何有效地管理全局狀態變得至關重要。Pinia 作為 Vue 的新一...
目錄 Vite 環境搭建 Vue 專案（適用於正式開發環境） Step 1：安裝 Vue 套件並執行 create-vue Step 2：執行對應指令並啟...
介紹 表單驗證是 Web 開發中不可或缺的一部分。通過表單驗證，我們能保證用戶提交的數據正確無誤。今天我們將介紹如何使用 Vee-Validate 和 Zod...
介紹 在前端開發中，數據驗證是一個不可忽視的重要步驟，特別是當你處理表單輸入或 API 響應數據時。雖然 TypeScript 提供了靜態型別檢查功能，確保代...
前言 在現代前端開發中，效率與性能變得越來越重要。Vue 3 的 Composition API、TypeScript 的強型別系統，以及 Vite 的超快打...
上一篇為了深入Vue開啟了初章，也提到createApp和App mount掛載的宏觀概念，今天來研究官網有蜻蜓點水著墨，但並沒有刻意放在主章節上-Vue te...
目錄 命令式編程 聲明式編程 總結 命令式編程 還記得我們在使用純 HTML 和 JavaScript 時，如何實現按下按鈕來變更文字顏色嗎？讓我們一起...
前言 大家好，我是 Antonio(安東尼奧)，目前是一名 Angular 的新手工程師，同時，也是一名熱愛寫程式的工程師。去年參加六角學院的 Vue 直播班...
嗨~大家好，我是Rafael，從原本的農業領域轉職剛滿1年，目前在AI數據公司擔任前端工程師。 最近自己籌組的Vue3線上讀書會順利結束了🥳，也剛好是以Vue3...
想不到對我來說，v-model還有續集... 在vue pre3.4之前，defineModel還沒出現之前，要怎麼處理組件間的雙向綁定？目前我知道的有兩種方式...
看了一整天，問chatgpt好多個蠢問題之後，甚至還跟它談心了，"v-model真的看不懂怎麼辦...?"雙向綁定這樣的說法好像很炫，但我聽...
Antonio
MichaelHo
Rafael
iThome鐵人賽
看影片追技術