鐵人檔案
身為前端開發初學者，雖然已經能夠用 Vue.js 框架開發，但面對常見面試題時，被問到 Vue.js 語法背後的概念，我還是沒法自信地回答，也沒法解釋自己為什麼會使用某些語法。因此，希望以 Vue.js 常見面試題目作為參考和切入，理解 Vue.js 的觀念，讓自己不再只是懂得用 Vue.js 的語法。
問題回答 computed 有 getter（取值） 和 setter （寫入值）可使用，但預設只會有 getter 使用，因此 computed 預設是唯讀，...
問題回答 v-for 的 key 必須是唯一值，才可以讓 Vue 在更新 v-for 所產生的列表時，能準確更新節點。相反，如果使用 index 作為 key，...
問題回答 遞迴元件是指同一個元件裏不斷引用自己，造成重複一層元件包著一層元件的情況，直至該元件所渲染的資料沒有滿足你設定的 v-if 資料，就代表此遞迴結束，不...
問題回答 導航守衛（Navigation Guard）可以在 3 個地方使用，包括全域、元件和路由。所謂導航守衛就是在訪問頁面之前，會像一個守衛攔截並執行你所設...
問題回答 Vue 預設是使用 hash 模式，但可選擇使用 history 模式。hash 模式時的 URL 會帶 # 符號，例如 https://exampl...
問題回答 嵌套路由是指在一個 router-view 裏包 router-view，像是在一個畫框裏，再加上一個畫框。例如 /products/tshirt 與...
問題回答 懶加載路由或元件的意思是當訪問該路由，或需要顯示該元件時，才載入該路由或元件。這做法會提升網頁效能，在打包時，如果某路由或元件設定了懶加載，就會獨立被...
問題回答 全域註冊的方法，意思是每個 Vue 元件都能使用的方法。在 Vue 2 會有以下方法： Vue.prototype plugin mixin...
問題回答 Composition API 是以邏輯功能來分割程式碼，像是寫原生 JavaScript 一樣，我們會把實現同樣功能的程式碼寫在附近。但 Optio...
問題回答 這個例子會示範以 Compositions API 開發一個簡單的圖片輪播。先打 API 從遠端取得資料，之後把資料渲染到畫面，並加入輪播功能，而且輪...
