版本：Vue 3.2.x

除了 Vue 內建的系列指令，像是 v-model, v-for, v-show 等，我們也可以使用 Vue directives 自訂指令，將 DOM 元素和元件進行動態綁定，並對其進行操作，提高程式碼的可複用性

結構

1. 呼叫 v-自訂名稱 指令來綁定 DOM 元素
2. 透過類似元件的生命週期鉤子（Lifecycle Hooks）來定義指令（EX：mounted, updated…），並觸發更新

閱讀更多

版本：Vue 3.2.x

Props & $emit

父子元件間溝通的重要管道，因每個元件的作用範圍皆應獨立，因此不應在子元件內直接修改父元件的資料，否則會難以除錯，造成維護上困難。

假設頁面層級如下

Root.vue
    |—— Child.vue

閱讀更多

版本：Vue 3.2.x

Vue.js 的元件內除了可以包覆其他元件，也可以將「自己」作為「子元件」使用，稱為遞迴元件（Recursive Component），巢狀的資料渲染，像是多層導覽列或是組織圖，都可以使用遞迴元件實作。

說到遞迴元件，必須先了解遞迴函式（Recursive Function）。

閱讀更多