Vue – Konstanten definieren

Konstanten kann man in Vue einfach im Created Hook definieren.

Generell sollte man sich das Arbeiten mit Konstanten angewöhnen.

if(UserTypeId == 7) {…} stellt den Entwickler vor die Frage, was an diesen UserType nun so besonders ist.

Besser: if(UserTypeId == USERTYPE_GUEST) . So weiß jeder, die folgende Logik betrifft den Gastbenutzer
[crayon-6628e5eee1bf9665184418/]
 



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-6628e5eee23a1540920619/]
Oder per Instanz:
[crayon-6628e5eee23a6430033354/]
Eingebunden wird das nun mit.
[crayon-6628e5eee23a8506616119/]
oder
[crayon-6628e5eee23aa329651461/]
oder ohne Bedingung
[crayon-6628e5eee23ac328836753/]