在前一篇(Day 1)，我們從歷史與演進的角度理解了 Vue 為什麼需要持續更新。 今天，我們聚焦在 Vue 3 的核心特性，這些功能不僅解決了 Vue 2 的痛點，也為後續的新特性（例如 Vapor...
這一系列文章的核心議題是 「Vue3.6 的革新」 再去深入理解 Composition API，在 Day1，我將從 Vue 的歷史演進切入，帶讀者理解為什麼 Vue 需要不斷更新，以及 Vue 3...
昨天 Day 6 我們學會了 Vue 的響應式原理。 但實話說，用單純的 HTML、CSS、JS 檔案來拼裝一個系統，隨著功能越來越多，很快就會變得混亂。 今天，我們就要正式踏出重構的第一步 —— 建...
前言 為什麼我們要了解 Vue 的渲染機制呢，當然是為了面試 當然是為了自我成長阿。我主觀感受來說，在於 使用框架 這件事上，你不太應該要先了解渲染機制才能用框架，這樣過於拉高使用門檻了， 但由於渲染...
昨天對於網頁前端框架有初步的認識，今天的內容將介紹建置Vue.js開發環境的兩種方法哦～首先我們要來安裝非常實用的程式編輯器VS Code以及擴充套件 Visual Studio Code 官方下載網...
延續上一篇 props我們可以傳遞靜態或動態的 props靜態 Props 傳遞的值就會是字串，不會解譯成表達式。 <BlogPost title="My journey with V...
前言 在 3.6 alpha 中，除了我們後面會講到的 Vapor Mode，再來就是響應式系統又又又被重寫了。這個 alien-signals 是什麼呢，是由 StackBlitz 開發的輕量級 L...
在 Day 5 中，我們透過 getCustomers 成功從後端取得了客戶資料，並把它存進了變數 customers。 問題來了：如果我們新增或刪除了一個客戶，畫面要如何自動更新，而不需要手動刷新...
前言 由於 Vue 是一個資料驅動畫面更新的框架，響應式系統是最基礎也是最重要的一環。 因此前面講解了幾個核心 API，而這個篇章中就要歸納前面幾篇重點並講解響應式系統的核心觀念。 如果我要用一句話來...
雖然在前面已經都有使用過 component 了，但還是想要加強這個部分的理解 元件化觀念 把畫面切成可重複使用的小區塊（積木） 每個元件都有自己的 state 和 logic，互不干擾(低耦合)...