javascript / beginner
Snippet
JavaScript-Ausdrücke in Templates
Vue-Templates unterstützen vollständige JavaScript-Ausdrücke innerhalb doppelter geschweifter Klammern. Dies ermöglicht einfache Mathematik, String-Manipulation und Ternär-Operatoren.
snippet.js
javascript
1
2
3
<p>Total: {{ price + tax }}</p><p>Name: {{ user.name.toUpperCase() }}</p><p>Status: {{ items.length > 0 ? 'Active' : 'Empty' }}</p>
vue
Erklärung
1
{{ price + tax }}
Durchführung einer Addition direkt im Template.
2
{{ user.name.toUpperCase() }}
Aufrufen einer JavaScript-Methode auf einer String-Variablen.