鐵人檔案
身為前端開發初學者，雖然已經能夠用 Vue.js 框架開發，但面對常見面試題時，被問到 Vue.js 語法背後的概念，我還是沒法自信地回答，也沒法解釋自己為什麼會使用某些語法。因此，希望以 Vue.js 常見面試題目作為參考和切入，理解 Vue.js 的觀念，讓自己不再只是懂得用 Vue.js 的語法。
參賽初衷 今年的參賽題目是「不只懂語法：Vue.js 觀念篇」。去年的這時候剛剛學 JavaScript，想不到一年後的今天又來跳坑了。 目前自己自學前端接近一...
問題回答 Vue 的 MVVM 是由 View（畫面）、ViewModel（Vue 實體）、Model（資料）組成。 由 ViewModel 把 View 和...
問題回答 Vue 是 SPA 框架，而 Nuxt 是 Vue 生態系裏的一個能同時實現 SPA 和 SSR 的框架。SPA 的主要技術是不用重刷頁面來更新頁面內...
問題回答 開發時主要在 src 資料夾進行開發，最後打包輸出時是 dist 資料夾。在 src 裏，一定會用到 assets, components, view...
問題回答 在 Vue 2，我們需要使用 .set() 等 Vue 語法來修改在 data 裏的物件或陣列資料裏的值。這是因為 Vue 2 是使用 Object....
問題回答 Vue 3 會為 data 建立一個 Proxy 物件，並在裏面建立 getter 和 setter 來取值和更新值，藉此實現響應式。因此不用直接操作...
問題回答 當我們更新資料和渲染畫面時會頻繁地新增和刪除 DOM 元素，造成效能問題。因此，不論是 Vue 或 React 都有使用 Virtual DOM 來避...
問題回答 scoped 屬性的作用是避免父元件的 CSS 樣式會污染到子元件的 CSS 樣式。Deep selector 的作用是相反，即使在父元件設定了 sc...
問題回答 元件裏的 data 必須是函式是為了確保元件裏的資料不會被別的元件資料所污染。如果 data 是物件，因為 JavaScript 的物件是傳址，一旦有...
問題回答 雙向綁定（two-way data bindings）是指把畫面上的 DOM 與資料透過 Vue 實體來綁定。當其中一方有更動時，另一方都會隨即更新。...
