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