今天持續來學習有關 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 的渲染機制呢,當然是為了面試 當然是為了自我成長阿。我主觀感受來說,在於 使用框架 這件事上,你不太應該要先了解渲染機制才能用框架,這樣過於拉高使用門檻了, 但由於渲染...
前言 為什麼我們要了解 Vue 的渲染機制呢,當然是為了面試 當然是為了自我成長阿。我主觀感受來說,在於 使用框架 這件事上,你不太應該要先了解渲染機制才能用框架,這樣過於拉高使用門檻了, 但由於渲染...
昨天對於網頁前端框架有初步的認識,今天的內容將介紹建置Vue.js開發環境的兩種方法哦~首先我們要來安裝非常實用的程式編輯器VS Code以及擴充套件 Visual Studio Code 官方下載網...
延續上一篇 props我們可以傳遞靜態或動態的 props靜態 Props 傳遞的值就會是字串,不會解譯成表達式。 <BlogPost title="My journey with V...