Vue4 props & emits

Hvad står SFC for i Vue?

• Server File Components
• Structured File Components
• Shared File Components
• Single File Components

Hvordan bør en child component navngives?

• child-component.js

• ChildComponent.js

• ChildComponent.vue

• Child-Component.vue

Hvad hedder de to macroer der anvendes i en child-component hvis man modtager og sender data?

• input & output

• ref & toRefs

• defineProps & defineEmits

• define & emit

Hvordan sende man fra App.vue tallet 42 ned til et child som prop?

• <ChildComp num="42" />

• <ChildComp num=42 />

• <ChildComp :num="42" />

• <ChildComp num={42} />

Hvordan signalerer man i en child component at man SKAL modtage en prop kaldet num af typen Number?

• 
• 
• 
• 

For at lave en custom event og emitte fra en child component skal man:

• 1. 1 - anvende defineEmit

  2. 2 - emitte med: emit("myEvent")

• 1 - defineProps sættes til at sætte required: true

• SFC

• Det er et trick question - man kan kun emitte fra App.vue

Hvad sker der?

• Her erklæres en reactive value

• Directives bro!

• Der importeres en prop

• Der importeres en child component