你是否有過對 Vue 的響應式系統感到疑惑的地方？當我們在程式碼中修改一個變數時，畫面上的內容就會自動更新。這個方便快速的背後機制到底是什麼？ 了解這個底層邏輯，就是我這次想動手寫這個系列文章的初衷...
經過前一天 Proxy 的概念大致上有個雛形，或許我們可以思考一下：為什麼 Vue 3 需要 Proxy 呢？ A few minutes later... 其實 Vue 2 時期，響應式系統是基於...
前言 其實一開始很猶豫要不要寫這個篇章，因為如果你用過 Vue 那接下來這些指令你基本上應該是爛熟於心。 不過考慮到這些指令是基本上你不可能可以避免的功能，除非你只做非常小的東西或幾乎靜態網頁。最後想...
今天在開始介紹Vue模板語法之前，首先要來介紹Vue 元件可以使用兩種不同的 API 樣式進行撰寫：在這個系列文章中，起初學習基礎語法、範例程式碼會使用Options API，之後實作專案才會使用到C...
在元件中，我們可以使用 emit 的方式來實作，子元件： <script setup> const emit = defineEmits(['someEvent']) function...
前言 Vue 3.6.0-alpha.1 推出了，其中最特殊的應該就是這個 Vapor Mode 了，就來看一下這個新的模式會有什麼幫助吧。 概述 Vapor Mode 是 Vue SFC 的全新...
今天持續來學習有關 props 的相關知識 單向資料流 父元件的狀態改變，會自動傳到子元件的 props 子元件無法直接修改 props，否則 Vue 會警告因為這樣的資料流清晰、可追蹤，避免「子元...
昨天透過方法二 (安裝Node.js、npm) 創建一個新的Vue專案後，並在VS Code打開此檔案就會看到Vue的專案結構，今天我們就來一探究竟這些檔案的架構吧～ 專案結構解析 針對存放專案主要...
在 Vue 2 時期，我們大多數人都靠 webpack 來進行打包編譯，但隨著專案變大，編譯速度會越來越慢，等待時間動輒幾分鐘；Vue 3 官方推薦的工具 Vite，就是為了解決這個痛點而誕生的。 W...
在前一篇(Day 1)，我們從歷史與演進的角度理解了 Vue 為什麼需要持續更新。 今天，我們聚焦在 Vue 3 的核心特性，這些功能不僅解決了 Vue 2 的痛點，也為後續的新特性（例如 Vapor...