鐵人檔案
身為前端開發初學者，雖然已經能夠用 Vue.js 框架開發，但面對常見面試題時，被問到 Vue.js 語法背後的概念，我還是沒法自信地回答，也沒法解釋自己為什麼會使用某些語法。因此，希望以 Vue.js 常見面試題目作為參考和切入，理解 Vue.js 的觀念，讓自己不再只是懂得用 Vue.js 的語法。
問題回答 所謂父子元件傳遞資料，就是透過使用 props 和 emits 來完成。而 v-model 只是結合使用 props 和 emits 的語法糖。例如在...
問題回答 所謂跨元件，即是兩個元件並無父子關係，並沒有被對方包著。如果要互相傳遞資料，可以使用 mitt（在 Vue 2 是 event bus）、Vuex 或...
問題回答 在跳轉頁面時，可以透過路由物件裏 params 或 query 來傳遞資料，也可以使用各種不同模式的 Route props 來傳遞資料。前者需要依賴...
問題回答 使用 Vuex 是為了當元件之間都需要共用資料時，使用一個像是公用容器來管理資料，我們把所有要共用的資料都拉進此容器中，讓所有元件都能在此容器取得或操...
問題回答 <keep-alive> 的作用是緩存一個元件的資料狀態，即使它被切換掉，不再呈現在畫面上時，它的資料狀態依然會把存起來，並不會像一般元件...
問題回答 $nextTick 的作用是等待畫面更新後才執行程式，因為有些時候我們需要操作畫面上的 DOM，例如是取得某個 DOM 節點的文字、取得某元素的高度等...
問題回答 directive（指令）是我們在 Vue 自定義的指令。當我們要重複處理某些工作，例如轉換時間呈現的格式的工作，可以使用 directive 來處理...
問題回答 slot（插槽）的概念是把外層的內容塞進子元件的指定位置裏。跟插槽的字面意思一樣，前提是：有插口才能插。子元件需要開一個插口（slot），才可以在外層...
問題回答 teleport 是 Vue 3 新增功能。teleport 就像是多啦A夢的「隨意門」一樣，只要設定了 teleport，就能夠把 DOM 內容隨意...
問題回答 簡短答法：computed 最大特點是必須回傳一個值，並且會把它緩存起來，當函式裏的依賴改變時，才會重新執行和求值。但 watch 與 methods...
