Die einfachste Anleitung zum Beginnen mit Vue.js findet unter
vuejs.org selbst:
https://vuejs.org/guide/introduction.html#api-styles
Vue verwendet HTML Files als Single-File Component
Diese werden mit .vue abgekürzt und als SFC bezeichnet
Eine Vue Componente beinhaltet Javascript+ HTML + CSS.
Die Komponenten werden in 2 Weisen verwaltet
1: Options API
2: Composition API
Options API
Beinhaltet
data, methods und
mounted
diese
Optionenen (data, methods, mounted) findet man im <script> data, methods,
mounted</script> wieder
in diesem Model wird die function increment() im block script->methods
gehalten und diese dann in html mit @click=increment aufgerufen
Composition
API
Die Api functions werden mit import im <script setup >
block geholt.
So wird die onMounted function mit import from vue importiert
und im script block verwendet oder einer neuen function zugeordnet.
In diesem Model wird die function increment im script-block wie
üblich im html auf ein @click event zugeordnet
