Starten mit Vue.js
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