Vue.js kurz & gut

KAPITEL 4

Computed Properties und Watchers

Die Template-Syntax von Vue ist eine einfache Möglichkeit, um das HTML-Markup einer Seite mit JavaScript-Ausdrücken zu erweitern. Doch auch die Template-Syntax stößt irgendwann an ihre Grenzen. Je komplexer die Ausdrücke werden, desto aufgeblähter erscheint später das Template. Irgendwann sind Logik- und Darstellungsebene nicht mehr klar voneinander getrennt, und man bleibt mit einem unleserlichen Mischmasch zurück:

<div id="example">

{{ text.toLowerCase().split('').join(' ') }}

</div>

Um auch bei komplexeren Ausdrücken nicht den Überblick zu verlieren, bietet Vue mit Computed Properties die Möglichkeit, Attribute zu berechnen. Computed Properties kapseln so die Logik und können im Template genauso ...