今天在開始介紹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...
這一系列文章的核心議題是 「Vue3.6 的革新」 再去深入理解 Composition API，在 Day1，我將從 Vue 的歷史演進切入，帶讀者理解為什麼 Vue 需要不斷更新，以及 Vue 3...
昨天 Day 6 我們學會了 Vue 的響應式原理。 但實話說，用單純的 HTML、CSS、JS 檔案來拼裝一個系統，隨著功能越來越多，很快就會變得混亂。 今天，我們就要正式踏出重構的第一步 —— 建...
前言 為什麼我們要了解 Vue 的渲染機制呢，當然是為了面試 當然是為了自我成長阿。我主觀感受來說，在於 使用框架 這件事上，你不太應該要先了解渲染機制才能用框架，這樣過於拉高使用門檻了， 但由於渲染...