Detailed explanation of two points to note in vue3: setup

In vue2

Passing properties from parent component to child component

Subcomponents receive properties

If it is not received, it needs to be received in $attrs. The disadvantage is that there is no restriction on the type, and the name is relatively long when used.

The name is longer when used

Vue2, parent component uses slots in child components

Print the contents of a slot

If the parent component uses 2 slots of the child component

Parent component uses named slots in child components

In vue3

Notes on setup

The setup life cycle is before beforecreated

setup can get two parameters, props and context

Pass 2 properties to the child component

Print context

context.attrs

Similar to vue2, if only part is declared, the rest is in the attrs attribute

context.emit

Add listener events to child components

context.slot

If you pass a named slot

Or (recommended)

Print

If you pass 2 named slots

Summarize

This article ends here. I hope it can be helpful to you. I also hope that you can pay more attention to more content on 123WORDPRESS.COM!