Vue和Angular都是現代的JavaScript框架，擁有豐富的特性和功能。其中最有用的功能之一是自定義指令，允許開發者擴展元素的行為。

Vue指令是一個帶有v-前綴的特殊屬性，可以用于元素、組件和模板，例如v-if、v-for和v-bind。

<div v-if="isVisible">
可見
</div>

Angular指令是一個標記，可以作為一個元素、屬性、類和注釋使用，例如*ngIf、ngFor和ngClass。

<div *ngIf="isVisible">
可見
</div>

自定義指令在兩個框架中都是可用的。在Vue中，可以使用Vue.directive()函數來定義和注冊全局和局部指令：

// 全局注冊
Vue.directive('focus', {
// 指令邏輯
inserted: function (el) {
el.focus()
}
})
// 局部注冊
new Vue({
el: '#app',
directives: {
focus: {
inserted: function (el) {
el.focus()
}
}
}
})

在Angular中，指令是通過@Directive裝飾器中的元數據來定義的：

import { Directive, ElementRef } from '@angular/core';
@Directive({
selector: '[appHighlight]'
})
export class HighlightDirective {
constructor(el: ElementRef) {
el.nativeElement.style.backgroundColor = 'yellow';
}
}

指令可以接收參數，在Vue中可以在使用指令時傳遞參數，例如v-mydirective:param，在Angular中可以使用@Input()裝飾器：

// Vue
Vue.directive('mydirective', {
inserted: function (el, binding) {
// 獲取傳遞的參數
var arg = binding.arg
var value = binding.value
}
})
// Angular
import { Directive, Input, ElementRef } from '@angular/core';
@Directive({
selector: '[appMydirective]'
})
export class MydirectiveDirective {
@Input('appMydirective') param: string;
constructor(el: ElementRef) {
el.nativeElement.style.backgroundColor = 'red';
}
}

總的來說，Vue和Angular的指令都是非常有用和強大的，它們使得開發者可以自定義元素和組件的行為，極大地提高了開發效率。