Vue.js Custom Directives 自訂指令

Vue ｜ 2023-01-16

版本：Vue 3.2.x

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

結構

Vue ｜ 2023-01-13

版本：Vue 3.2.x

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

假設頁面層級如下

Root.vue
    |—— Child.vue

Vue ｜ 2023-01-10

版本：Vue 3.2.x

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

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