Vue – Directive

Mal angenommen man möchte alle Felder auf einer Seite deaktivieren. Man könnte input für input durchgehen und mit :disabled=”isEditable” das Feld deaktivieren.
Oder man schreibt eine Custom Directive, die diese Logik abbildet: https://vuejs.org/v2/guide/custom-directive.html

Möchte man das global haben:
[crayon-6621dcf7c11a5846322831/]
Oder per Instanz:
[crayon-6621dcf7c11ad086369121/]
Eingebunden wird das nun mit.
[crayon-6621dcf7c11af644414523/]
oder
[crayon-6621dcf7c11b0465705945/]
oder ohne Bedingung
[crayon-6621dcf7c11b2404835105/]