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