Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User
vue ; vue.js ;

Vue.js: Start mit Componenten

10.03.2023 (👁2588)

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

Ein Bild, das Text enthält.

Automatisch generierte Beschreibung

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

Ein Bild, das Text enthält.

Automatisch generierte Beschreibung

 

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

Ein Bild, das Text enthält.

Automatisch generierte Beschreibung