系列文章
不只懂 Vue 語法：參賽初衷與文章方向
參賽初衷 今年的參賽題目是「不只懂語法：Vue.js 觀念篇」。去年的這時候剛剛學 JavaScript，想不到一年後的今天又來跳坑了。 目前自己自學前端接近一...
不只懂 Vue 語法：Vue 的 MVVM、漸進式框架、宣告式渲染是指什麼？
問題回答 Vue 的 MVVM 是由 View（畫面）、ViewModel（Vue 實體）、Model（資料）組成。 由 ViewModel 把 View 和...
不只懂 Vue 語法：以 Vue 和 Nuxt 為例，說明 SPA 和 SSR 的概念？
問題回答 Vue 是 SPA 框架，而 Nuxt 是 Vue 生態系裏的一個能同時實現 SPA 和 SSR 的框架。SPA 的主要技術是不用重刷頁面來更新頁面內...
不只懂 Vue 語法：請說明 Vue CLI 的目錄架構？
問題回答 開發時主要在 src 資料夾進行開發，最後打包輸出時是 dist 資料夾。在 src 裏，一定會用到 assets, components, view...
不只懂 Vue 語法： 在 Vue 2 為何無法直接修改物件型別資料裏的值？
問題回答 在 Vue 2，我們需要使用 .set() 等 Vue 語法來修改在 data 裏的物件或陣列資料裏的值。這是因為 Vue 2 是使用 Object....
不只懂 Vue 語法：Vue 3 如何使用 Proxy 實現響應式（Reactivity）？
問題回答 Vue 3 會為 data 建立一個 Proxy 物件，並在裏面建立 getter 和 setter 來取值和更新值，藉此實現響應式。因此不用直接操作...
不只懂 Vue 語法：什麼是 Virtual DOM？Vue 如何利用 Virtual DOM？
問題回答 當我們更新資料和渲染畫面時會頻繁地新增和刪除 DOM 元素，造成效能問題。因此，不論是 Vue 或 React 都有使用 Virtual DOM 來避...
不只懂 Vue 語法：請說明 style 裏的 scoped、deep selector 的作用？
問題回答 scoped 屬性的作用是避免父元件的 CSS 樣式會污染到子元件的 CSS 樣式。Deep selector 的作用是相反，即使在父元件設定了 sc...
不只懂 Vue 語法：為何元件裏的 data 必須是函式？建立 data 時能否使用箭頭函式？
問題回答 元件裏的 data 必須是函式是為了確保元件裏的資料不會被別的元件資料所污染。如果 data 是物件，因為 JavaScript 的物件是傳址，一旦有...
不只懂 Vue 語法：什麼是單向資料流和雙向綁定？
問題回答 雙向綁定（two-way data bindings）是指把畫面上的 DOM 與資料透過 Vue 實體來綁定。當其中一方有更動時，另一方都會隨即更新。...